0
<div class="pictures">
    <ul>
        <li>
            <img src="img1.jpg" />
        </li>
        <li>
            <img src="img2.jpg" />
        </li>
        <li>
            <img src="img3.jpg" />
        </li>
    </ul>
</div>

私はjQueryIMGスライダーを構築していますが、基本的なコードの内訳は上記のとおりです。私はさまざまな問題を抱えていますが、特に1つはやっかいな問題です。各写真の間に部分的なピクセルスペース(1.5px、私は信じています)があるようです...それがマージン、パディング、境界線、または他の何かであるかどうかはわかりません。写真をコンテナdiv内に適切に配置するには、写真を331.5ピクセル上または下にアニメーション化する必要があります。私の一般的なreset.cssは機能しません。ボーダー、マージン、マージン幅、パディングはすべてデフォルトで0に設定されています。

これは変です。なぜそれが起こっているのか考えはありますか?または、どうすればそれを排除できますか?

実際のページへのリンク: http ://www.ficreates.com/_SiteDemos/PBL/projects.html

4

1 に答える 1

1

ここで起こっていることがいくつかあります。

まず、それbody {line-height: 1;}はあなたのに受け継がれているということですul。それを取り除くか、などをオーバーライドするul {lineheight: 0;}と、黒い間隔がなくなります。

ただし、これを行うとアニメーションが整列されないため、スクリプトを修正する必要があります。

私が気づいたことの1つは、。imgなどのコンテナ要素ではなく、タグの位置をアニメーション化していることですul。なぜあなたがこのようにそれをしているのか不思議です。通常、コンテナ要素に対して+=または-=を実行します。ul必要に応じてをに設定できdisplay: block;ます。

お役に立てれば。ご不明な点がございましたら、お気軽にお問い合わせください。おそらく後で、完全に機能する例を得ることができます。

于 2012-08-10T18:06:21.630 に答える