firefox img圓邊框而不使用div背景

這是一個已知的bug，-moz-border-radius在firefox中的圖像上不起作用。什麼是獲取此功能的方法，而不是將圖像作爲背景放在圓角的div上？firefox img圓邊框而不使用div背景

2010-10-28 Razor Storm

看起來這是固定在Firefox 4 – kennytm 2010-10-28 19:44:22

並不意味着沒有人會使用FF3了= [ – 2010-10-28 19:45:38

我想你必須把它放在某種容器中。看到這個答案：http://stackoverflow.com/questions/1347796/firefox-moz-border-radius-wont-crop-out-image – bogeymin 2010-10-28 19:46:28

在當前的Firefox you can use SVG filters。有一個SVG文件clip.svg這樣的：

<svg:svg height="0"> 
    <svg:clipPath id="c1" clipPathUnits="objectBoundingBox"> 
     <svg:rect x="0" y="0" rx="0.05" ry="0.05" width="1" height="1"/> 
    </svg:clipPath> 
</svg:svg>

而且在CSS應用它是這樣的：

.target { clip-path: url(clip.svg#c1); }

來源

2010-10-29 15:32:59 robertc

firefox img圓邊框而不使用div背景

回答

相關問題