PNG圖片兼容(IE6)

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加上了濾鏡。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章