CSS Box陰影不能在IE6和IE7中工作

我正在使用Drupal站點。客戶希望網站在包括IE6在內的所有瀏覽器中看起來都是相同的。 IE中的box-shadow屬性存在一些問題。我知道IE3不支持CSS3屬性。有沒有其他解決方案用於IE-6的box-shadow，以便它在IE6和IE7中看起來像一個陰影。我曾嘗試過使用css PIE，其中我使用IE的htc文件來支持CSS3屬性。但它不工作。該網站的網址Godsak CSS Box陰影不能在IE6和IE7中工作

的CSS代碼是

.portal-top { 
background-color: white; 
box-shadow: 0 0 20px #000000;

-moz-的box-shadow：0 0 20px的＃000000; -webkit-box-shadow：0 0 20px＃000000; 位置：相對; margin：15px auto 0; }

對於IE我使用

.portal-top { 
background-color: white; 
box-shadow: 0 0 20px #000000; 
zoom:1; 
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}

現在箱陰影表示IE-7。但不是我想要的。 IE-6仍然沒有出現陰影。看看在Firefox中的網址，我需要它相同的IE瀏覽器。可能嗎。

在此先感謝。

來源

2011-07-28 samir chauhan

請將'zoom = 1'更改爲'zoom：1'並讓我們知道問題是否仍然存在。 – duri

@duri：感謝您的回覆。 IE7中沒有顯示陰影，但IE6中沒有。在IE 7中，陰影與firefox中看到的不一樣。有什麼方法可以將陰影顏色放在左側和上側。 –

我個人覺得您的問題實際可行的唯一解決方案是過度使用圖像。沒有陰影效果，只有圖像。你可以從其他瀏覽器製作截圖。

第二種替代方法是「降級」您的網站，只使用ie6支持的元素。

當然有很多黑客和一些JavaScript的變通辦法，但這是所有嚴重的混亂，並在大多數時間花費了性能的地獄。

如果有人還有ie6，那可能是有原因的。

我想說，網站在不同的瀏覽器中看起來不同是完全正常的。這就是它的方式。當然每個網站都應該正常工作並且渲染漂亮。但是如果你不以未被使用的方式遺漏元素，那幾乎可以保證。

如果有人使用ie6，那就沒有影子了。

但作爲客戶要求它的問題的答案，去圖像解決方案。

來源

2011-07-28 10:05:03

+1爲您的答案。很好的解釋。 –

如果不照顧中國，最好的辦法是不要製造額外的東西來緩解IE6的滑稽動作。

如果這是因爲客戶的要求而無法選擇，請向客戶解釋您必須爲IE6做一個完全不同的網站（這在歐洲是最後一個數字），而且這會讓他付出代價如果你這樣做的話，將近翻倍的錢。不僅現在，而且每次更新網站。

實際上沒有可維護的方式來獲得這些奇特的CSS東西在IE6上工作。

來源

2011-07-28 09:58:42 DoubleMalt

餡餅：

您需要包括所有其他的CSS元素之後的行爲：

#container{ 
    margin:0 auto; 
    width:900px; 
    ... 
    behavior: url(css/ie/PIE.htc); /* url at http://www.indivar.info/godsak/ */ 
}

末樣式表，最後一個元素。 URL是頁面相對路徑不是樣式表

我還可以補充說@import是不推薦的。你可能想嘗試page speed。

雖然網站看起來不錯。希望能幫助到你。

來源

2011-07-28 09:59:32 Sparkup

感謝您對網站的好評。我以前使用css餅的行爲，但那是行不通的，所以我嘗試了另一種方式。 –

CSS Box陰影不能在IE6和IE7中工作

回答

相關問題