2010-04-15 73 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的问题解决方案。

相关问题