在IE8中透明的背景

我有這個CSS設置div的背景，但在IE8中顯示爲透明。我看不到我做錯了什麼，有什麼想法？在IE8中透明的背景

.drop .holder{ 
    float:right; 
    padding:16px 11px 15px; 
    box-shadow:0 0 6px rgba(0,0,0,0.3); 
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.3); 
    -moz-box-shadow:0 0 6px rgba(0,0,0,0.3); 
    border-bottom:1px solid #a1a1a1; 
    background: #fafafa; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
    background: -moz-linear-gradient(top, #fafafa 0%, #e8e8e8 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e8e8e8)); 
    background: -webkit-linear-gradient(top, #fafafa 0%,#e8e8e8 100%); 
    background: -o-linear-gradient(top, #fafafa 0%,#e8e8e8 100%); 
    background: -ms-linear-gradient(top, #fafafa 0%,#e8e8e8 100%); 
    background: linear-gradient(top, #fafafa 0%,#e8e8e8 100%); 
}

來源

2012-08-15 mike

OT：記住聲明的順序。你首先聲明瞭沒有前綴的box-shadow，後面跟着它們，它應該是相反的方式。如果你想讓它們在Opera上運行，例如9/10，你還應該添加-o和-ms前綴。 IE不支持內聯svg – 2012-08-16 06:23:32

這樣的東西只適用於現代瀏覽器，而不是IE。您需要使用非標準這樣的事情對於IE：
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#909090')

還要注意數據的網址不會在IE工作，要麼和你的SVG不會在IE瀏覽器的一些版本。不過，它們在現代瀏覽器中可以正常工作。

來源

2012-08-15 14:30:23 Rob

在IE8中透明的背景

回答

相關問題