IE8位置錯誤

除IE8外，所有瀏覽器均正常工作。我有一個幻燈片，您可以在這裏看看：Left/Right arrow problem with position.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。箭頭與膠片邊緣「粘合」。我不知道我該如何解決這個問題了。

你們可以給我一個提示或解決方案嗎？

來源

2013-05-10 starkbr

我在ie8中測試並正常工作。 – 2013-05-10 02:35:02

它非常接近邊緣。對不起，發佈在jsFiddle，但因爲我不能發佈「空間」在這裏，我不得不：/ http://jsfiddle.net/BsPfg/ – starkbr 2013-05-10 02:42:52

哦！我看到< >正坐在上面，ie是你的問題嗎？ – 2013-05-10 02:46:18

是啊，它的工作在所有瀏覽器IE8除外。但請注意您的選擇器給position: relative;，然後只用絕對位置定位箭頭，這次您需要更改絕對定位元素的頂部，右側，底部或左側值。

來源

2013-05-10 02:56:07

我一直在考慮IE8的條件標籤，因爲正在使用Chrome etcetera，但沒有使用IE（總是）。 – starkbr 2013-05-10 05:21:47

是的，它解決了。創建了一個名爲slide-relative的新#id。Works很好，謝謝。 – starkbr 2013-05-10 19:28:44

試試看
把一個標籤在div帶class = caroufredsel_wrapper
我把它的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; 
}

來源

2013-05-10 02:55:09 firstroad

我會嘗試你的答案，使用Mac吸吮有時候...... :( – starkbr 2013-05-10 05:20:54

回答

相關問題