background size IE8相容方案

2021-09-07 09:55:46 字數 1515 閱讀 3225

2017.7.5更新：

1


/*針對ie8的hack，目的是除掉之前background*/


2                 background:none\9;
根據canius（相容性為ie9以及以上瀏覽器，如下圖所示。

例項**：

1


doctype html


>


2<


html 


lang


="en"


>34


<


head


>


5<


meta 


charset


="utf-8"


/>


6<


title


>background-size 相容性處理


title


>


7<


style 


type


="text/css"


>8* 


1213


.parent 


21style


>


22head


>


2324


<


body


>


25<


div 


class


="parent"


>


26div


>


27body


>


2829


html


>
效果：（1）chrome瀏覽器：

（2）ie8瀏覽器：

使用filter屬性：

.parent
ie8瀏覽器效果：

enabled：可選項。布林值(boolean)。設定或檢索濾鏡是否啟用。 true：預設值。濾鏡啟用。 false：濾鏡被禁止。

sizingmethod：可選項。字串(string)。設定或檢索濾鏡作用的物件的在物件容器邊界內的顯示方式。 crop：剪下以適應物件尺寸。 image：預設值。增大或減小物件的尺寸邊界以適應的尺寸。 scale：縮放以適應物件的尺寸邊界。

background size IE8相容方案

在處理ie8相容性問題上，對於背景比背景框還大的情況，還需要做一下處理 1 針對ie8的hack，目的是除掉之前background 2 background none 9 根據canius 相容性為ie9以及以上瀏覽器，如下圖所示。例項 1 2 3 423 24 25 26 27 28 29 效果...

background size IE8相容方案

使用filter屬性 parent filter progid dximagetransform.microsoft.alphaimageloader enabled benabled sizingmethod ssize src surl enabled 可選項。布林值 boolean 設定或檢索...

ie6,ie7,ie8 css bug相容解決方法

ie瀏覽器以不支援大量的css 屬性出名，同時也因其支援的css屬性中存在大量bug。普通ie css bug bug名稱 影響版本 描述 image label focus bug ie8,ie7,ie6 元素在元素之內，單擊時，焦點不會轉移到相應的表單控制項 按鈕margin auto非居中 i...