2011-05-27 64 views
1
效果後

我一直在努力實現從這個頁面在這裏的CSS效果:http://sixrevisions.com/css/snazzy-hover-effects-using-css/與懸停有問題:在IE8

我所擁有的一切工作,除了他張貼IE8修復罰款;我添加了一些條件代碼,因此修補程序僅由< = IE8 &使用,因此未包含正常瀏覽器的CSS3重置。然而,修復似乎並沒有奏效,我看到的只是文本&。

你可以看到在這裏工作的例子:http://www.thecssninja.com/demo/css_hover2/

我的例子中,我設置是在這裏:http://www.condorstudios.com/example.html

爲什麼我的不能正常工作任何想法?只有真正的差異,我可以看到他正在使用名單&他有他的a標籤設置爲blocks,我試過這個,但它混亂了我的佈局。

+0

如果您將位置從相對位置改變爲絕對位置,它將在IE8上工作。儘管它看起來不像IE9。這很可能是由於移植。如果你改變了這一點,那兩者將幾乎完全相同。 – Jawad 2011-05-27 19:08:07

+0

@ JAA149在哪個班上? – Brett 2011-05-27 20:31:33

回答

1

我認爲這是因爲你在容器和圖像之間添加了(和樣式)元素(<span class="overlay">。我認爲它搞亂了IE8中的定位,我做了一個simple jsfiddle demo,它適用於Chrome和IE8 ,基於原來的例子。對不起,我沒有IE9或以上,所以不能驗證這是否會工作。

我唯一的問題是,:hover覆蓋元素太寬,所以我增加了left:0;right:0的類。這可能並不完全符合你的想法,但我希望它有助於:-)

+0

我完全複製了你的樣式,並將它們替換爲我的&由於某種原因,我的工作仍然不起作用。 :( – Brett 2011-05-27 20:29:10

+0

演示在IE8中爲你工作嗎?它不僅僅是我改變的CSS,我也刪除了額外的''及其相關的風格。 – andyb 2011-05-27 21:14:19

+0

噢好吧,我會檢查出來的。是因爲我不希望標題跨越類的寬度,只有圖像。但是,是的,演示在IE8中工作,只是沒有透明度。 – Brett 2011-05-27 21:23:01