0

[JCSys.co.uk][1]嗨,我在使用 JQuery 循环脚本在标题中滚动三个图像的网站上遇到问题。当浏览器放大(向下 90%)时,右侧的第三个图像(滚动中的最后一个)消失。这在 IE9 中不会发生,但在 IE8/IE10 和 Firefox 中会发生。我还没有在 Chrome 或 Safari 中尝试过。

该网站是[1]:http ://www.jcsys.co.uk

此滚动标题部分的 css 代码是

#container #slidehowheaderbox .slideshow {
z-index: 2;
width: 332px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
}
#container #slidehowheaderbox .slideshow2 {
z-index: 2;
width: 334px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
}
#container #slidehowheaderbox .slideshow3 {
z-index: 2;
width: 333px;
position: relative;
left: 0px;
top: -220px;
margin-right: auto;
margin-left: auto;
float: left;
overflow: hidden;
}

任何帮助将不胜感激,在此先感谢

4

1 回答 1

0

问题是第三张幻灯片在缩放视图中时会换行,因为布局引擎应用了舍入(它们对元素坐标进行舍入以避免边缘模糊)。

我试图修复你的 CSS,但我认为定位逻辑太混乱了。

为什么要使用相对、浮动和边距而不是简单的绝对定位?

于 2013-11-12T08:34:15.683 回答