2011-04-06 77 views
0

我想与jquery.corner.js使用图像它工作正常,如果我用它与背景颜色,但我没有得到圆角(在FF和IE)如果使用与背景图像。jquery.corner.js圆角在IE浏览器

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

Some content 

</div> 

回答

0

他们的网站说,它不适用于图像。 你可以使用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行为。 Round Corders HTC

+0

我更喜欢[css3pie](http://css3pie.com/documentation/getting-started/)而不是Round Corders HTC。由于背景图像不适用于圆角元素。 – trkaplan 2012-11-10 08:53:51