2011-04-06 102 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