css - IE8 位置バグ

Question

IE8 を除くすべてのブラウザは正常に動作します。スライドがあります。ここで確認できます:左/右矢印の位置の問題。

コードは次のとおりです。

#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 に a タグを配置します
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;
}