使整个部分响应

时间:2014-07-08 06:56:06

标签: javascript jquery html css

我试图制作一个网站的一部分,通过以百分比而不是像素给出高度和宽度来响应,但它不起作用所以请帮助使其响应。 虽然改变分辨率它不起作用,我想要它的结束边界,当它去不同的分辨率.. HTML

<section class="banner ik">
    <div class="img_box">
            <div class="fadein">
            <img src="banner/b1_03.jpg">
            <img src="banner/ban2_03.jpg">
            <img src="banner/ban3_03.jpg">
            </div>
        </div>
</section>

JS

        <script type="text/javascript">
            $(function(){
            $('.fadein img:gt(0)').hide();
            setInterval(function(){
              $('.fadein :first-child').fadeOut()
                 .next('img').fadeIn()
                 .end().appendTo('.fadein');}, 
              3000);
        });
</script>

CSS

.banner{
        width: 100%;
        height: auto;

        border-bottom: solid 1px black;

        margin: 0 auto;

}

.ik {
z-index: -1;
position: absolute;
height: 405px;
}

.img_box{

width: 100%;
overflow: hidden;

}

.fadein {
position: relative;
width: 100%;
height: 420px;
}
.fadein img { position:absolute; left:0; top:0; width: 100%; }

0 个答案:

没有答案