有沒有什麼辦法給圖像使用CSS的邊框？

想知道是否有任何方法使用CSS給圖像舍入邊框？

的邊界半徑屬性類似：

-moz-border-radius: 15px; 
border-radius: 15px;

我寧願不訴諸的JavaScript。

謝謝。

來源

2011-06-26 Ryan

這應該適用於現代瀏覽器（基本上沒有IE）。在'img {...}塊中嘗試。 – Kevin

@Kevin border-radius在IE9中工作FYI –

我不喜歡稱IE爲瀏覽器：P。是的，如果不在div中使用背景圖像，則可以很好地設計img。 – Ryan

-moz-border-radius: 15px;和-webkit-border-radius:15px;應該在符合標準的瀏覽器中正常工作。另一種技術：

<div style="border: 0px solid; border-radius: 30px; -moz-border-radius: 30px; -khtm border-radius: 30px; -webkit-border-radius: 30px; width: 100px; height: 100px; background: url('img.jpg');">

來源

2011-06-26 23:44:52 Babiker

哦，所以我可以將樣式直接應用於圖像類？酷會試一試。 – Ryan

乾杯，這應該使用背景圖像正常工作。 – Ryan

@Ryan在圖像元素上應用邊界半徑在Opera中似乎不起作用 - [see here]（http://jsfiddle.net/gYaZh/） –

有沒有什麼辦法給圖像使用CSS的邊框？

回答

相關問題