IE6濾鏡設置filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )


很多大型網站上都使用到了這個濾鏡,它是IE濾鏡的一種,其主要作用就是對圖片進行透明處理。雖然FireFox和IE7以上的IE瀏覽器已經支持透明的PNG圖片,但是就IE5-IE6而言還是有一定的意義。
語法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

屬性:
  enabled : 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true | false (這個基本可以忽略,被禁止了那還搞什么……)

     true :  默認值。濾鏡激活。

     false :  濾鏡被禁止。

sizingMethod : 可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。(可以無視這行說明,關鍵是下面的參數。一般來說單獨圖片且精度比較高的使用scale比較合適,除非您把所有的要用到的圖片都放到一張圖那就當我沒說過。但是那樣做的話這張png圖片的體積估計不會很小。另,這個濾鏡只是加載,其填充方式還是可以受CSS控制的。)

     crop : 剪切圖片以適應對象尺寸。

     image : 默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。

     scale : 縮放圖片以適應對象的尺寸邊界。

  src : 必選項。字符串(String)。(指定圖片的路徑。要注意的是這個路徑是指加載濾鏡的頁面相對於圖片的路徑而不是css文件相對於圖片的路徑。這跟一般的圖片加載有區別。)

使用實例:
.login_logo { 
  background-image
: url(../Image/login_logo.png);
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/Public/Image/login_logo.png');  
}

  實例中先為標准瀏覽器用background-image設置了背景圖片,然后用_background-image取消了背景圖片在IE6中的顯示,再用_filter為IE6加上了濾鏡。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM