IE8 PIE.htc和背景顏色在一起不起作用

我已經嘗試過PIE.htc和背景顏色在一起，但圓角不能在IE8中工作。我的CSS如下。IE8 PIE.htc和背景顏色在一起不起作用

#main{ 

    background-color: #CD0D00 !important; 
    -webkit-border-radius: 15px 15px 15px 15px; 
    -moz-border-radius: 15px 15px 15px 15px; 
    border-radius: 15px 15px 15px 15px; 
    behavior: url(PIE.htc); 
    -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.3); 
    -moz-box-shadow: 0 7px 10px rgba(0,0,0,0.3); 
    box-shadow: 0 7px 10px rgba(0,0,0,0.3); 

}

注意：「重要的」當我從背景顏色去掉，顏色沒有出現，但圓角在IE8的工作，否則不是。

來源

2012-10-25 karthik

原因在這裏解釋：http://stackoverflow.com/questions/12791836/css3-pie-not-working-in-ie8 – jackmcpickle

那麼，使用!important已知會導致CSS3Pie出現問題，所以毫不奇怪。

至於它自己的background-color沒有!important，我不能馬上知道爲什麼它不工作，但有幾個建議：

嘗試使用速記background風格，而不是 - 即background:#CD0D00;。大多數情況下，CSS3Pie傾向於喜歡速記風格。
對於一些background性質，CSS3Pie不能支持他們在標準background風格;它需要自定義-pie-background風格。理論上，這隻適用於高級背景屬性，不應該用於基本背景顏色，但值得嘗試。

我現在沒有IE的副本手來試試，但希望有所幫助。

來源

2012-10-25 06:37:54 Spudley

非常感謝Spudley – karthik

IE8 PIE.htc和背景顏色在一起不起作用

回答

相關問題