2011-09-01 64 views
2

我在IE9中看過很多關於盒子陰影的討論 - 但是當我試用它時它不起作用! (當然我沒有驚訝......嘆了口氣)。我誤以爲這些東西是應該在ie9中工作,或者是mys css錯誤還是ie9中有模式?繼承人使用的CSS代碼:box-shadow在IE9中不起作用

.jW{position:absolute;border-radius:8px;box-shadow:4px 4px 24px 4px #000000} 

邊界半徑也一樣。我甚至打開了具有這些屬性的CSS3網站,如http://css3please.com/,它們也不在IE9中工作。其實:bugger IE!

+0

檢查這個例子可能這就是幫助 http://stackoverflow.com/questions/5617455/issue-with-box-shadow-on-ie9 – sandeep

+3

做一個最小的測試用例。保存你的頁面,並不斷刪除樣式規則和頁面的某些部分,直到找到一個可以發佈的簡單示例,找出哪些元素的交互效果不好。 –

回答

0

它應該工作(據我所知 - 稍後將運行一些模擬)。在此期間,您可以查看CSS3 PIE(http://css3pie.com),以增強CSS3屬性的IE渲染(不是真正的IE渲染,但足夠接近)。

+0

這看起來很有趣,但它不適用於IE9所以... – Gatekeeper

+0

我做一個零年與IE - 即時通訊不支持IE版本低於9 –

5

確定 - 發現問題。首先要感謝sandeep提到我的一部分問題。 IE9不需要這些樣式的任何文檔類型工作。什麼引起的問題是「邊境崩潰:崩潰」對錶 - 使用CELLSPACING = 0,那麼它的工作原理 - 還是:開溜IE

0

CanIUse.com,IE9不支持box-shadowborder-radius

我還沒有box-shadow嘗試過,但我絕對可以保證它與border-radius

最可能的原因是不工作的工作是,你實際上是在IE8兼容模式下運行(甚至IE7 COMPAT)。這將使IE9放棄所有新功能並假裝是舊版本。

檢查這是否是問題的最快方法是點擊F12打開IE開發人員工具窗口。這將在右上角顯示渲染模式。

如果它在兼容模式下呈現,那麼您可以在此處進行更改。您還可以在代碼頂部添加元標記,以強制您的網站使用最新的IE模式。如果每個站點都發生這種情況,那麼您可能需要更改瀏覽器設置。

希望有所幫助。

0

Ooops - 即時通訊抱歉,但我沒有完全正確的在我的測試 - 似乎doctype是必不可少的這些工作。但隨後一切都會崩潰。我認爲下一次病態寫入IE首先然後其他人 - 嘿瑪貝這是微軟的戰略一直!

+0

使用這個 - 它似乎最好,沒有超過太多的CSS中斷:< meta http-equiv =「X-UA-Compatible」value =「IE = 9」> –

0

我也遇到了在IE9中沒有顯示盒子陰影的問題。在我的情況下,即使我有一個有效的DOCTYPE IE9呈現在兼容模式的文件。我在本地調試,IE瀏覽器設置了「在兼容性視圖中顯示Intranet站點」,這顯然是默認啓用的。禁用此功能後,一切都按預期工作。這可以在工具 - >兼容性視圖設置下找到。

0

原因盒陰影不起作用的是,IE自動運行在不支持這一點的怪異模式。

如果將Internet Explorer設置在standards mode運行它會顯示的box-shadow正確

您可以通過下面這個帖子強制IE在標準模式下運行:How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?

如果您不能編輯HTTP頭然後使用:<meta http-equiv="X-UA-Compatible" content="IE=edge">

(或<meta http-equiv="X-UA-Compatible" content="IE=edge" />如果你使用XHTML)

應該正常工作,如果你這樣做