小编Pio*_*ski的帖子

我有一个像这样的网站:>>网站<<.它由2个框架构成 - 主要和页脚.我试图让它在没有框架的情况下工作(不要在手机上工作).是否有任何简单的CSS或jQuery方法将页脚粘贴在底部以便始终可见？所以效果就像上面的网站？我试图使用CSS,但只有当我向下滚动时,页脚才出现.我希望页脚覆盖实际内容,因此它总是例如50像素高,并始终在屏幕底部可见.即使页面高10000px.我相信这很简单,但我在那里迷路了.提前谢谢你的帮助

也许这是一个愚蠢的问题,但我相信它对许多初学者都有用.我构建了一个代码.我要做的是显示<p>当前隐藏的文本(在标签中),仅在实际<a>悬停时显示.没有js这可能吗？可以通过仅在css/html上运行来完成吗？HTML代码在这里:

                <div class="promo2">
                    <a href="speakers-hire.html">
                        <div class="promo2a">
                            <p>SPEAKERS</p>
                        </div>
                    </a>

                    <a href="decks-hire.html">
                         <div class="promo2a">
                            <p>CD PLAYERS</p>
                        </div>
                    </a>

                </div> 

以及与上述html对应的css:

.promo2a:hover{
background:url(../_images/generic/glass5.png);
display:inline-block;

}

.promo2a p{
display:none;

}

所以基本上我希望在<p>整个div promo2a悬停时显示文本.

任何帮助都非常感谢.先感谢您.

如何添加仅适用于iOS移动设备的样式表？

我想运行一个包含flash的网站.显然,flash元素无法在iPhone,iPod和iPad上运行.由于这个事实,我想为这些设备创建一个CSS文件.我主要担心iPad,因为我可以使用@media screen其他两个的尺寸属性.

到目前为止我所拥有的是:

var IS_IPAD = navigator.userAgent.match(/iPad/i)  != null;

if(IS_IPAD)    ({
      url: href,
      dataType: 'css',
      success: function(){                  
            $('<link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" />').appendTo("head");
        }
});

什么不在这里工作？

我制作了一个简单的html片段,其中包含:

<a href="#"><div>Something here</div></a>

它显然提醒我div不能在<a>标签内.我使用了div,因为我希望整个盒子(在这种情况下为div)是一个按钮.因此,子类:hover和适当的按钮区域适用于整个框,而不仅仅是文本内部.据我所知,div可用于html5中的标签内.我使用XHTML 1.0 Transitional.有什么我可以替换div以避免代码中的错误？或者我应该将xhtml更改为html5？如果不触及剩下的代码,它会运行良好吗？谢谢.

我有一些代码问题.基本上我想删除<select>使用jQuery 的第一个选项,这是有效的,但仅适用于第一个选择.如果我有3个下拉列表,则代码仅适用于第一个.我试图使用,.each但说实话,我真的不知道在哪里,这甚至会有所帮助.这是一个HTML:

      <select class="checkb" name="gender">
     <option disabled value="">Gender</option>
     <option value="male">Male</option>
     <option value="female">Female</option>
  </select>  

  <select class="checkb" name="age">
     <option disabled value="">Age</option>
     <option value="under 13">Under 13</option>
     <option value="13-17">13-17</option>
     <option value="18-24">18-24</option>
     <option value="25-44">25-44</option>
     <option value="45-64">45-64</option>
     <option value="65+">65+</option>
  </select>  

  <select class="checkb" name="cinema">
     <option disabled value="">Select your cinema</option>
     <option value="001">Cinema 1</option>
     <option value="002">Cinema 2</option>
     <option value="003">Cinema 3</option>
  </select> 

这是jquery:

    $(".checkb option:first").attr('hidden','hidden');

它完全隐藏了"性别"文字,但没有隐藏"年龄"和"选择你的电影".

先感谢您.

有没有办法用css设置50%的原始图片宽度和高度？例如,我有这个代码:

    <img src="http://content.captive-portal.com/files/ign/movie-news/content/2b.jpg">

我没有在html中指定任何宽度和高度,但我希望它是原始高度和宽度的50%.我可以使用CSS来做到这一点吗？

这不起作用:

img{width:50%; height:50%}

有没有办法克服这个问题？谢谢

我有jQuery延迟()的问题.它根本不起作用.我过去使用过这个功能而且它正在工作.我认为CSS中可能有一些东西,但我找不到它.

这是一个jQuery代码:

$(document).ready(function(){
 function delay() {
   $('.delay').slideDown(500);
  }
  setTimeout(delay, 2500);
});

这是一个HTML代码:

  <div id="header">
        <img src="http://test.captive-portal.com/slideup/_images/header.png">
  </div>

    <div class="delay">
        <div class="spons"><img src="http://test.captive-portal.com/slideup/_images/brought-by.jpg"></div>          

        <div class="overflow">

            <div id="nav">

                <a href="#"><div class="menu-button1"><img src="http://test.captive-portal.com/slideup/_images/own-ad1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b2.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b3.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b4.jpg"></div></a>

            </div>

        </div>        
        <div id="finalbut">
            <a href="access-ok.html"><img src="http://test.captive-portal.com/slideup/_images/butt-go-online.png"></a>
        </div>

  </div>

</div>

CSS(如果需要,可能会导致问题)就在这里:CSS HERE

jsFiddle中的所有内容都在这里:jsFiddle

当我点击它改变背景.它工作正常.但是,如果我想再次点击它以恢复原始背景呢？我有这个代码:

jQuery(document).ready(function($) {
    $(".select").on("click", function () {
        $(this).css("background-image", "url(images/selected.png)");
    });
});

这是jsfiddle 例子

基本上当我点击div时它会改变背景,这很好.但是我希望能够再次点击它来恢复原始背景.它将是一个替代解决方案,但仅用于演示目的.

谢谢

我想删除某些类中每个句子的最后一个特定单词.例:

<p class="remove">Active speakers hire</p>
<p class="remove">Passive speakers hire</p>

我想从每个附加了"删除"类的段落中删除"雇用"一词.我知道这可以使用以下代码单独完成:

var str = "Active speakers hire";
var lastIndex = str.lastIndexOf(" ");

str = str.substring(0, lastIndex); 

但是如何在基于类的外部jquery文件中做到这一点？我不想为每个段落单独输入js代码.谢谢