1

こんにちは、スライダーの位置に問題があります。それは彼のホルダーの外、右のどこかに行きます。CSSに何かが欠けていると確信していますが、何が正確に思い出せません。

HTML:

<div class="slider">
    <div class="carousel">
      <img src="css/images/img1.jpg" alt="" />
      <img src="css/images/img1.jpg" alt="" />
      <img src="css/images/img1.jpg" alt="" />
    </div>

    <div class="pagination">

    </div>
</div>

CSS:

.slider { position: relative; width: 100%; }
.carousel img { width: 781px; display: block; }

.pagination { position: absolute; bottom: 10px; left: 10px; }
.pagination a { background: url(images/pagination.png) no-repeat 0 bottom; height: 12px; width: 12px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; padding: 0 3px 0 0; }
.pagination a:hover,
.pagination a.selected { background-position: 0 0; }

jQuery:

$(function(){

    $(".carousel").carouFredSel({
        items: 1,
        scroll: {
            fx: "fade"
        },
        auto: 4000,
        width:781,
        pagination: ".pagination"
    });

});

見逃していた間違いを見つけたoverflow:hidden

4

1 に答える 1

0

間違いを見つけるのにいい仕事。はい、オーバーフローは見過ごされがちです。

于 2013-01-30T18:26:11.377 に答える