0

我用 jQuery 创建了 100% 宽度的幻灯片。我的幻灯片正在工作，但溢出 x 平面没有隐藏。我的代码；

html,

<div class="slide">
    <ul>
        <li><img src="inc/imj/slide/1.jpg" alt="" /></li>
        <li><img src="inc/imj/slide/2.jpg" alt="" /></li>
        <li><img src="inc/imj/slide/3.jpg" alt="" /></li>
    </ul>
    <div class="reff">
        <span class="before">
            <img src="inc/imj/before.jpg" alt="" />
        </span>
        <span class="after">
            <img src="inc/imj/after.jpg" alt="" />
        </span>
    </div>
</div>

CSS，

.slide{
    border-bottom:1px solid orange;
    height:400px;
    width:100%;
    float:left;
    width:140%;
    overflow:hidden;
}

.slide ul li img{width:1400px;height:400px;}
.slide ul li{display:inline-block;list-style-type:none;}
.slide span.before img{border-radius:40px 40px 40px 40px;}
.slide span.before img:hover{cursor:pointer;}
.slide span.after img{border-radius:40px 40px 40px 40px;}
.slide span.after img:hover{cursor:pointer;}

.slide .reff{
    width:100px;
    position:relative;
    top:-35px;
    left:-250px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

结果，

在此处输入图像描述

因此，x 滚动条处于活动状态，我希望 x 滚动条隐藏。但是不工作。

我们怎么解决？谢谢你的兴趣。。

干得好..

注意：这是网站，我是为了改善自己。钱不可能赚到。这不是真正的工作。这是我的爱好。

谢谢..

4

1 回答 1

3

您已width:140%;在 CSS 中设置

于 2013-10-30T17:32:13.403 回答