2012-06-26 62 views
1

我用下面的CSS代碼,以幫助支持的box-shadow在IE7和IE8:的box-shadow支持IE7和IE8

zoom: 1; 
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=90), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=180), 
    progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=270), 
    progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff'); 

但它減緩IE中的表現。但做了一些谷歌搜索後,我發現ie-css3.htc,我認爲會比上面的代碼更好。根據該指令,我增加了一些風格,我的塊級元素:

zoom: 1; 
z-index: 9999; 
position: relative; 
behavior: url(ie-css3.htc) 

在這裏是我的目錄結構:

css/ 
     - style.css 
     - ie-css3.htc 
js/ 
images/ 
ie-css3.htc 
index.html 

我也根據文檔放置ie-css3.htc在我的網站的根。但是,這並沒有什麼幫助。我認爲我一定犯了錯誤。

任何幫助將非常感激。

感謝

回答

3

確保路徑在你的CSS您的HTC文件是在所有情況下都正確的:

behavior: url(ie-css3.htc) 

應該

behavior: url(/css/ie-css3.htc) 
+0

約翰,但它仍然沒有顯示在所有 –

+0

重新檢查以確保該文件位於您的css目錄中。如果它位於根目錄中,則使用'behavior:url(/ie-css3.htc)' –