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>
我想與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>
他們的網站說,它不適用於圖像。 你可以使用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
我更喜歡[css3pie](http://css3pie.com/documentation/getting-started/)而不是Round Corders HTC。由於背景圖像不適用於圓角元素。 – trkaplan 2012-11-10 08:53:51