在IE8中可以使用box-shadow嗎？

爲什麼這個CSS在框架/環境/瀏覽器中應用不一致？在IE8中可以使用box-shadow嗎？

我有一個在Meteor創建的原型，其中的CSS可以很好地創建陰影效果，並在各種圖像邊框添加邊框，特別是，在流星原型（這是一個SharePoint應用程序，但在測試功能，如這一點要快得多與流星）我有這樣的CSS：

#imgPostTravelTop:hover, #imgPostTravelTopRight:hover, #imgPostTravelCenter:hover, #imgPostTravelBottom:hover { 
    z-index: 4; 
    -moz-box-shadow: 0 0 7px #000; 
    -webkit-box-shadow: 0 0 7px #000; 
    box-shadow: 0 0 7px #000; 

    border: 1px solid gold; 
}

它工作正常 - 上的mouseenter /盤旋成圖像，它的增長一個金色的五點鐘陰影。

然而，實際上在SharePoint代碼相同的事情：

.finaff-form-help-post-travel-centerimage:hover, 
.finaff-form-help-post-travel-bottomimage:hover { 
    z-index: 4; 
    -moz-box-shadow: inset 0 0 7px #000; 
    -webkit-box-shadow: inset 0 0 7px #000; 
    box-shadow: inset 0 0 7px #000; 

    border: 1px solid gold; 
}

...只適用於Chrome和Firefox（而不是在IE8）。

這個我試過，據稱工作在IE8：

#imgPostTravel:hover { 
    zoom: 1; 
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000); 
}

...但它不工作（不箱陰影添加到IE8）。

有什麼我可以做的獲得一個盒子陰影在IE8中工作？

來源

2015-10-01 B. Clay Shannon

的[盒陰影可能重複的可能的複製]（http://stackoverflow.com/questions/8181699/box-shadow-in-ie7-and-ie8） – Rob

事實上，事實證明，這是IE11（我發誓一堆msdn雜誌，它是IE8上次我檢查，這是不久前）。我的問題可能與兼容模式有關，我可能無法控制，因爲「元相容性」顯然是在更高級別（母版頁）添加的。 –

您可以嘗試@thirtydot答案：

使用CSS3 PIE，這在舊版本的IE模擬some CSS3 properties。

它支持box-shadow（except for關鍵字inset）。

編輯：

，或者你可以嘗試@Marcus教皇回答：

filter: 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5), 
    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2);

在IE7和IE8
Box shadow in IE7 and IE8
CSS3 Box Shadow Effect for IE8?

來源

2015-10-01 00:54:19 Kesavan

謝謝，試了一下，沒有奏效。 –

在IE8中可以使用box-shadow嗎？

回答

相關問題