昨天寫了一個css3的濾鏡模糊的效果，但是我發現，我firefox一點效果都沒有，寫法如果下

filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px)filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');

從程式碼中不難看出，裡面是有瀏覽器相容字首的，可是怎麼就沒起作用呢？帶著問題我開始了找答案之旅，後來查到是firefox不支援這樣直接的寫法，需要引入blur.svg的檔案才能完成與其它眾瀏覽器一樣的模糊效果，而該檔案裡的程式碼是這樣滴：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="3" />
</filter>
</svg>

只要在css樣式中引入該檔案就ok了，引入樣式寫法如下

filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:url(blur.svg#blur);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');

為了自己今後會忘記所以就先記憶下來，也希望可以幫到需要的小夥伴