0

該網站是here。我已經花了3天的時間使它與IE兼容,所以我想它有時間尋求幫助。CSS代碼無法按預期方式工作Internet Explorer

這裏有IE和其他瀏覽器如Chrome瀏覽器,Firefox和Opera之間三個重要的主要差異:

  • 上最沒有陰影(固定)
  • IE8正確的IE8瀏覽按鈕, IE9:活動樣式不起作用;我被告知它在IE7中不起作用。
  • IE9陰影的三角形沒有顯示出來(固定)

請讓我知道CSS代碼的任何變化,這將有助於解決這些問題。我沒有計劃支持IE 6.

+0

我認爲陰影+ IE8應該是衆所周知的,那是行不通的。 – Marnix 2011-04-07 21:09:21

+0

奇怪......我把那個頁面的HTML副本保存到了我的本地主機,設置了 '所以它會加載圖像和......陰影出現。但是,如果刪除'.box_abilities p' CSS規則中的某些'vertical-align:middle;', o_O – stealthyninja 2011-04-07 21:31:03

+0

@Marnix:與錯誤觀念相反,IE自從IE 4+以專有MS過濾器的形式提供先進的css3轉換。然而,它只是非常難以使用,因爲它在IE版本之間不一致。 – UrBestFriend 2011-04-07 22:57:48

回答

1

@UrBestFriend:將position: relative更改爲position: absolute對於.nav_shadow {}解決了IE8中的問題。

要修復vertical-align: middle在IE7中對我不適用.box_abilities p {},我只是增加了margin-top: 55px;使它在容器的中心位置或多或少。

+1

感謝您的支持,讓導航按鈕的陰影起作用。現在只剩下兩個問題了 – UrBestFriend 2011-04-07 22:55:22