1

互いに重なり合う画像の CSS Bootstrap に問題があります。問題は、発生する場合と発生しない場合があるため、非常に一貫性がないことです。

また、F12 開発ツールをクリックすると、画像が自動的に適切に配置されることにも気付きました。CTRL+F5 を押してキャッシュを更新しようとしましたが、問題は残ります。

これはウェブサイトhttp://www.sdhealthy.com/productssnacks.html で、画像が重なっているサンプルです (写真)。

CSSコードの何が問題なのか教えてください。

4

1 に答える 1

2

私はあなたのコードを調べました.isotope jqueryプラグインを使用して、「isotope-item class」でdivを配置およびアニメーション化しています。

jqueryのこの部分を追加する必要があると思います...

$(".isotope-w").isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});

$(document).ready 関数に。

これは、画像のダウンロードが完了する前に同位体プラグインが div の高さを計算しているためです。

「回避策」は、高さ属性を各画像に手動で追加することですが、jquery を修正してみてください。

Firebug もエラーを報告しています。

ReferenceError: $ is not defined: $(document).ready(function () {
http://www.sdhealthy.com/productssnacks.html
Line 29

同位体コードが既にドキュメントの準備が整った状態で実行されることになっている場合、このエラーにより実行が妨げられます。

于 2013-11-04T20:23:51.713 に答える