IE css与新闻滚筒问题

时间:2012-09-14 10:44:40

标签: css internet-explorer-7 ie8-compatibility-mode

我们在右边的导航栏中有一个新闻滚轮http://www.businesseventsydney.com.au/home-page-test.cfm。它在FF和Chrome中运行良好,但在IE中,新闻故事相互碰撞。

有人能否对可能出现的问题有所了解?

3 个答案:

答案 0 :(得分: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,似乎解决了这个问题。更有趣的问题是为什么这不会在所有浏览器中发生,我还没有调查。

答案 1 :(得分:0)

有时,IE版本和其他浏览器在像素间距方面存在差异。解决此问题的方法是为ulli元素设置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; ...

进入单独的classe,并在IE 9浏览器中将它们切换为修订版本。您可能只需要调整top元素的ul值以及height元素的li

答案 2 :(得分:0)

position:relative添加到div.latest-news-container