工作的時候,碰到ie8不支援background-size等屬性,造成背景影象顯示效果與主流瀏覽器差距較大。幸好,ie有濾鏡功能,可以一定程度上修正這個問題。
filter:progid:dximagetransform.microsoft.alphaimagekoader(src=\""+imgsrc+"\",sizeingmethod='scale');
ie下的濾鏡效果技術要點:
在css中使用ie濾鏡,他的imgsec,需要使用css**所在頁面,為相對路徑的參考基準。
2、css的background屬性,與ie濾鏡不能同時使用,同時使用會導致在ie瀏覽器中出現2張背景。
解決方法:使用ie.css,在這個檔案中專門寫背景的filter,並將ie中的background設定為none .
/*just for ie*/
background:none;
background: filter: progid:dximagetransform.microsoft.alphaimagekoader(src=\""+imgsrc+"\",sizeingmethod='scale');
/*for normal*/
background: url(imgsrc) no-repeater;
3、背景的background-size的效果實現
ie下background-size的實現主要借助於
sizeingmethod='scale'
IE濾鏡 漸變
文章 gradient,漸變濾鏡。語法 filter progid dximagetransform.microsoft.gradient 完整寫法 filter progid dximagetransform.microsoft.gradient enabled ture gradienttype...
IE濾鏡效果
濾鏡切換效果 meta content revealtrans transition 14,duration 3.0 http equiv page enter 頁面 style filter revealtrans duration 1,transition 6 css revealtrans濾鏡...
ie6 濾鏡問題
由於有透明效果,為了在ie6下能正常看到效果,就要使用濾鏡的功能 如 background none filter progid dximagetransform.microsoft.alphaimageloader src png 乙個大div下面用了濾鏡功能,他將會使在div下面的form a等...