ここhttp://www.businesseventsydney.com.au/home-page-test.cfmの右側のナビゲーション列にニュースローラーがあります。FFとChromeでうまく機能しますが、IEではニュース記事が互いにぶつかり合っています。
誰かがそれで何がうまくいかないのかを明らかにすることができますか？
質問する
71 次
3 に答える
0
これはIE8で正しく機能しているようですが、どのバージョンを使用していますか？
とにかく、互換モードまたはIE7モードにして再現することができました。
問題を特定すると、正しく設定されたコンテナdivが非常に高い高さに設定されているようです。overflow: hiddenこれはdiv私が言及しているものです：
<div class="latest-news-content" style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; height: 399px; ">
高さをに設定する130pxと、問題は解決したようです。さらに興味深い質問は、なぜこれがすべてのブラウザで発生しないのかということです。私はまだ調査していません。
于 2012-09-14T10:57:39.343 に答える
0
ピクセル間隔に関しては、IEバージョンと他のブラウザの間に違いがある場合があります。この回避策は、要素ulとli要素にIE固有のスタイルを設定することです。現在のCSSを（関係なく）行でラップすることをお勧めします。
<ul style="top: -465px; height: 1380px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-type: none; position: relative; z-index: 1; ...
<li style="width: 199px; height: 115px; overflow: hidden; float: none; ...
別々のクラスに分けて、修正されたバージョンのIE9ブラウザーでそれらを切り替えます。おそらく、要素の値と要素のtop値を微調整するだけで済みますulheightli
于 2012-09-14T10:58:11.463 に答える
0
position:relativeに追加div.latest-news-container
于 2012-09-14T11:05:03.097 に答える