CreateTime--2017年12月25日17:05:37

Author:Marydon

ie濾鏡特效之AlphaImageLoader

作用：

　　用于設(shè)置背景圖片特效樣式

使用條件：

　　IE8及以下版本不支持屬性background-size，可以使用AlphaImageLoader來代替

語法：

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL );

第一個參數(shù)：enabled

用途：設(shè)置或檢索濾鏡是否激活。

對應(yīng)參數(shù)值：布爾值(Boolean)，true|false

必要性及默認值：默認值為true，可選項

第二個參數(shù)：sizingMethod

用途：設(shè)置或檢索濾鏡作用的對象的圖片在對象容器邊界內(nèi)的顯示方式。

對應(yīng)參數(shù)值：字符串(String)，crop|image|scale

參數(shù)值說明：

　　crop: ? ?剪切圖片以適應(yīng)對象尺寸；

　　image: 默認值。增大或減小對象的尺寸邊界以適應(yīng)圖片的尺寸；

　　scale: ?縮放圖片以適應(yīng)對象的尺寸邊界。

必要性及默認值：默認值為image，可選項

第三個參數(shù)：src

用途：使用絕對或相對 url 地址指定背景圖像。

對應(yīng)參數(shù)值：字符串(String)。

必要性及默認值：必選項，無默認值。

舉例：?

body {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='C:/Users/Marydon/Desktop/welcome@2x.png', sizingMethod='scale'); }

　　注意事項：

　　a.當濾鏡特效和背景圖片樣式 background-image:url();同時可以使用時，濾鏡特效優(yōu)先起作用；

?

　　b.使用濾鏡控制的背景圖片會隨著實際內(nèi)容高度的變化而變化。?

?

轉(zhuǎn)載于:https://www.cnblogs.com/Marydon20170307/p/8110323.html

總結(jié)

以上是生活随笔為你收集整理的css 滤镜之AlphaImageLoader的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。