我们在右边的导航栏中有一个新闻滚轮http://www.businesseventsydney.com.au/home-page-test.cfm。它在FF和Chrome中运行良好,但在IE中,新闻故事相互碰撞。
有人能否对可能出现的问题有所了解?
答案 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版本和其他浏览器在像素间距方面存在差异。解决此问题的方法是为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; ...
进入单独的classe,并在IE 9浏览器中将它们切换为修订版本。您可能只需要调整top
元素的ul
值以及height
元素的li
答案 2 :(得分:0)
将position:relative
添加到div.latest-news-container