IE中的jquery.corner.js圓角

Question

我正在嘗試將圖像與jquery.corner.js一起使用，如果我將其與background-color一起使用，則效果很好，但如果與background-image一起使用，則不會出現圓角（在FF和IE中）。

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

Some content 

</div>

Answer 1

他們的網站說它不適用於圖片。 您可以使用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