2010-04-15 103 views
1

我有這樣的CSS樣式,爲div邊框做圓角,但由於某種原因,IE不喜歡此代碼。CSS圓角邊框爲div在鉻和ff上工作,但不在IE上

#selector{ 
    background-color:#DBDBDB; 
    margin-top:-23px; 
    -moz-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    background-color:rgba(255,255,255,0.5); 
} 

如何在IE上舍入div邊框。

感謝 讓

回答

4

IE沒有基於CSS的圓角選項還沒有,我用一個jQuery Corner plugin做到這一點。

+0

@technowise檢查它的代碼css回合 – X10nD 2010-04-15 08:37:43

+2

這是一個好插件的地獄! – Kyle 2010-04-15 08:39:01

0

IE不支持圓角作爲CSS,也許它會到達IE9,但我使用了一種叫做DDroundies的東西,它使用Javascript來使您的IE邊框很好地只使用代碼。

例子:

<script src="ddroundies.js" type="text/javascript"></script> 
<script type="text/javascript"> 


    <!-- IE only--> 
    DD_roundies.addRule('#cvr input.text', '5px', false); 

DD_roundies.addRule('div #roundbigbox', '10px', false); 
</script> 
0

恐怕是不可能的IE僅適用於CSS。

請參閱exemplary page on Flickr.com網站 - 它使用按鈕的圓角,但不適用於IE。如果雅虎能夠忍受這一點 - 你也可以試試:)。

0

還有很多方法可以在不使用JS的情況下實現這一點。儘管如此,這確實取決於你的個人偏好。

它可以通過將div嵌套在彼此中並在角落處疊加背景圖像來實現。

Thrashbox是一個相當簡單的基於XHTML和CSS的問題解決方案。

相關問題