Question

除IE8外，所有浏览器都能正常运行。我有一张幻灯片，你可以在这里查看：Left/Right arrow problem with position.

代码就是这个：

#prev {
    background: url(img/set-esq.png);
    width: 62px;
    height: 117px;
    position: absolute;
    bottom: 50px;
    left: 150px;
    z-index: 2;
}
#next {
    background: url(img/set-dir.png);
    width: 62px;
    height: 117px;
    position: absolute;
    bottom: 50px;
    z-index: 2;
    right: 150px;
}

适用于所有浏览器，IE8除外。箭头与胶片边缘“粘合”。我不知道怎样才能解决这个问题。

你能给我一个提示或解决方案吗？

Answer 1

是的，除IE8外，它适用于所有浏览器。但请注意，.slide选择器会给position: relative;，然后只用绝对位置定位箭头，这次你需要更改绝对定位元素的顶部，右侧，底部或左侧值。

Answer 2

试一试使用class = caroufredsel_wrapper
将div中的标签放入我把它放在ul
之前然后使用这种风格

#prev {
background: url(img/set-esq.png);
width: 62px;
height: 117px;
position: absolute;
top: 191px;
z-index: 2;
}
#next {
background: url(img/set-dir.png);
width: 62px;
height: 117px;
position: absolute;
top: 191px;
right: 0px;
z-index: 2;
}

IE8位置错误

2 个答案: