CSS實(shí)現(xiàn)PNG圖片在ie6下兼容,濾鏡
ie6,咱就不說他萬惡了,他不支持png圖片,咱就想辦法讓他支持;
ie自帶的濾鏡效果很強(qiáng)大,雖然說有性能影響,但也不能不用啊,總不能去學(xué)別人弄段js吧(雖然不知道哪種更浪費(fèi));
.classA{ background:url(big.png) no-repeat center center; _background-image:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src="images/big.png");
}
enabled : 可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。
true | false true : 默認(rèn)值。濾鏡激活。 false : 濾鏡被禁止。
sizingMethod : 可選項(xiàng)。字符串(String)。設(shè)置或檢索濾鏡作用的對(duì)象的圖片在對(duì)象容器邊界內(nèi)的顯示方式。
crop : 剪切圖片以適應(yīng)對(duì)象尺寸。
image : 默認(rèn)值。增大或減小對(duì)象的尺寸邊界以適應(yīng)圖片的尺寸。
scale : 縮放圖片以適應(yīng)對(duì)象的尺寸邊界。
src : 必選項(xiàng)。字符串(String)。使用絕對(duì)或相對(duì) url 地址指定背景圖像。假如忽略此參數(shù),濾鏡將不會(huì)作用。
上面代碼中 _background-image:none; 專門為ie6設(shè)置,包括后面的 _filter:等利用hack使ie6不會(huì)實(shí)現(xiàn)
background:url(big.png) no-repeat center center; 所以也就有弊端了,background-position在ie6中不可以設(shè)置吧