摘要:濾鏡激活,濾鏡被禁止。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。指定圖片的路徑。要注意的是這個路徑是指加載濾鏡的頁面相對于圖片的路徑而不是文件相對于圖片的路徑。
因為IE8瀏覽器這個坑,不支持css3的background-size:cover這個屬性,當時有一個很大的圖片需要做頁面的背景,要適應不同分辨率的電腦,然后就遇到了這個問題
IE8雖然不支持這個屬性,但是有一個filter?這個屬性
個人認為是這樣解釋:微軟Alpha圖片加載器?
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg.jpg",sizingMethod="scale");
enabled :可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true | false
true:默認值。濾鏡激活,false:濾鏡被禁止。
?sizingMethod :可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象 容器邊界內的顯示方式。
?cop : 剪切圖片以適應對象尺寸
image: 默認值增大或減小對象的尺寸邊界以適應圖片的尺寸
scale : 縮放圖片以適應對象的尺寸邊界
src : 必選項。字符串(String)。(指定圖片的路徑。要注意的是這個路徑是指加載濾鏡的頁面相對于圖片的路徑而不是css文件相對于圖片的路徑。這跟一般的圖片加載有區別。)
上面也有問題,加上這個屬性可以把背景圖處縮放適應屏幕了,但是出現了兩張圖片,原來的背景圖片沒有消失
解決方法:通過css IE8的hack把背景background:none 隱藏了,解決了?
上面問題解決了,但又遇到一個坑,項目上傳到服務器上背景圖片沒有了......
解決方法:之前是把filter里面的src屬性設置到相對圖片的路徑,現在把src 的路徑換成絕對路徑就OK了。?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112326.html
摘要:方法一不能指定任意大小百分比,可用,用于單張圖片不能使用圖片精靈等拼圖,要引用絕對路徑圖片,兼容,方法二這個鏈接直接提取下載我把這個文件放在文件夾目錄下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
摘要:方法一不能指定任意大小百分比,可用,用于單張圖片不能使用圖片精靈等拼圖,要引用絕對路徑圖片,兼容,方法二這個鏈接直接提取下載我把這個文件放在文件夾目錄下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
摘要:方法一不能指定任意大小百分比,可用,用于單張圖片不能使用圖片精靈等拼圖,要引用絕對路徑圖片,兼容,方法二這個鏈接直接提取下載我把這個文件放在文件夾目錄下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
摘要:方法一不能指定任意大小百分比,可用,用于單張圖片不能使用圖片精靈等拼圖,要引用絕對路徑圖片,兼容,方法二這個鏈接直接提取下載我把這個文件放在文件夾目錄下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
閱讀 2976·2023-04-26 02:25
閱讀 2249·2023-04-25 18:05
閱讀 647·2021-09-30 09:57
閱讀 2943·2021-09-27 14:10
閱讀 1652·2019-08-30 15:44
閱讀 1003·2019-08-29 15:28
閱讀 2524·2019-08-29 14:10
閱讀 2263·2019-08-29 13:30