jquery - 顶部 slider

Question

我的图片出了点问题，我无法解决这个问题。这是我的代码..

HTML

<div id="adsBox">
    <div id="ads"> <a href="#"> <img src="picture.jpg" alt="ads"> </a> </div>
    <p> <a href="#" id="showLink" class="showAds">HIDE</a> </p>
</div>

CSS

#ads {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#adsBox {
    text-align:right;
    color:black;
    width:970px;
    margin:0 auto;
    background-color:#E0E0E0;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#adsBox a {
    color:#535353;
    padding:0;
    margin:0;
}

#adsBox a:hover {
    color:#4682b4;
}

#ads a {
    margin:10px;
}

#showLink {
    text-decoration:none;
}

.hideLink {
    display:none;
}

我正在使用 jQuery 向下滑动。一切都很好只是问题是图像不在 div 上。它有点向右移动。这是 JSFIDDLE .有什么想法吗？

Answer 1

您已将宽度设置为像素，如 width:970px;

改成

宽度:100%;

FIDDLE

旁注:您可能想关闭 img 标签，希望这能解决您的问题