2009-02-04 65 views
0

我使用這段CSS代碼字段集在我的ASP.netCSS:IE8仍然無法正確呈現CSS。有沒有黑客?

.important 
{ 
    border:1px solid #33CC00; 
    padding:8px 10px 7px 20px; 
} 

.important 
{ 
    -moz-border-radius-bottomleft:4px; 
    -moz-border-radius-bottomright:4px; 
    -moz-border-radius-topleft:4px; 
    -moz-border-radius-topright:4px; 
    background:#FFFFFF none repeat scroll 0 0; 
} 

.important legend 
{ 
    -moz-border-radius-bottomleft:4px; 
    -moz-border-radius-bottomright:4px; 
    -moz-border-radius-topleft:4px; 
    -moz-border-radius-topright:4px; 
    -x-system-font:none; 
    background:#F3FFF3 none repeat scroll 0 0; 
    border:1px solid #33CC00; 
    color:#33AA00; 
    font-family:"Trebuchet MS"; 
    font-size:1.2em; 
    font-size-adjust:none; 
    font-stretch:normal; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    line-height:normal; 
    padding:1px 15px; 
} 

它看在FireFox上不錯,但它看起來像IE7和IE8廢話。我不知道我如何解決這個問題。有沒有人知道任何網站在IE瀏覽器中處理CSS黑客攻擊,或者我應該放棄,因爲在跨瀏覽器兼容性時生活太短而無法浪費。

回答

3

-moz-border-radius-是一個Mozilla specific selector IE將忽略。 border-radius是等價的CSS3選擇器,但IE幾乎肯定不會支持它(Firefox 3,但我似乎記得標準或implementation有問題)

+0

僅供參考 - IE實際上爲字段集呈現了一個圓角邊緣默認 – 2009-02-04 19:30:28