Javascript jquery.corner.js IE中的圆角

Javascript jquery.corner.js IE中的圆角,javascript,jquery,rounded-corners,Javascript,Jquery,Rounded Corners,我正在尝试使用jquery.corner.js中的图像,如果与背景颜色一起使用,效果很好,但是如果与背景图像一起使用,我不会得到圆角(在FF和IE中) <div style="background-image:url('images/btn_middle.png'); padding:10px;" class="rounded"> Some content </div> 一些内容 他们的网站说它不能处理图像。 您可以使用CSS: border-botto

我正在尝试使用jquery.corner.js中的图像,如果与背景颜色一起使用,效果很好,但是如果与背景图像一起使用,我不会得到圆角(在FF和IE中)

<div style="background-image:url('images/btn_middle.png'); padding:10px;" class="rounded">

Some content 

</div>

一些内容

他们的网站说它不能处理图像。 您可以使用CSS:

    border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
这将在除IE之外的所有应用中都有效。对于IE,您可以使用CSS行为

我更喜欢HTC而不是圆形的。因为背景图像不适用于圆角元素。