爲什麼不能在Firefox中使用-moz-filter：blur（4px）？

Question

我已經使用了模糊過濾器的鉻，它工作正常，我嘗試添加moz過濾器，以便它可以顯示在Firefox和它不模糊？

圖像模糊代碼：

.img-wrap:hover img { 

    filter: blur(4px); 
    -webkit-filter: blur(4px); 
    -moz-filter: blur(4px); 
    height: 150px; 
    position: relative; 
    width: 150px; 
} 

乾杯

Answer 1

CSS濾鏡效果arent supported in Firefox，則需要考慮使用SVG blur effects，有tutorial here which may help:

HTML

<img src="yourImage.png" alt="" /> 
<svg:svg> 
    <!-- Filter ID/Name --> 
    <svg:filter id="blurFilter"> 
     <!-- Amount of Gaussian Blur that should be applied --> 
     <svg:feGaussianBlur stdDeviation="0.9"/> 
    </svg:filter> 
</svg:svg> 

CSS

img { filter:url(#blurFilter); }