IE相容性問題

2021-08-08 22:06:50 字數 1024 閱讀 4963

通過濾鏡來解決

background: rgba(255,255,255,.1);//火狐,谷歌等

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffffff,endcolorstr=#19ffffff);//相容ie

顏色 

#19ffffff由兩部分組成

第一部分#後面的19為rgba透明度0.1的iefilter值,對應關係如下:

rgba透明度

iefilter值

0.119

0.233

0.34c

0.466

0.57f

0.699

0.7b2

0.8c8

0.9e5

計算方法:alpha*255,向下取整,然後轉換成16進製制 ,如01.*255=25.5,向下取整25,轉成16進製制就是19.

第二部分是19後面的6位,為6位的16進製制顏色值,與rgb中的一致即可,如rgb(255,255,255)對應 ffffff。

在谷歌等瀏覽器下 background-size:100%或background-size:cover;

在ie8下:

filter: progid: dximagetransform.microsoft.alphaimageloader( src='../img/box_13_type_2_bg.png', sizingmethod='scale');  

-ms-filter: progid: dximagetransform.microsoft.alphaimageloader( src='../img/box_13_type_2_bg.png', sizingmethod='scale');

sizingmethod  

「scale|crop|image」 可選項

crop:剪下以適應物件尺寸。 

image:預設值。增大或減小物件的尺寸邊界以適應的尺寸。 

scale:縮放以適應物件的尺寸邊界。

IE相容性問題

一 css hack 目的是是你的css 相容不同的瀏覽器 書寫順序 一般將使用範圍廣,被識別能力強的css的前面 1 只有ie下生效 ie10以下 2 只有在ie8下生效 3 只在ie8不生效 4 只在ie8以上版本生效 二 屬性字首法 在css屬性名前加上一些只有特定瀏覽器才能識別的hack字首...

IE相容性問題 一

一 在ie6下,內容會把父元素設定好的寬高撐開 lang en charset utf 8 name keywords name description content 描述 documenttitle 去除預設外邊距 內邊距 二 ie6元素浮動,若寬度需要內容撐開,裡面塊級元素的內容也要加浮動 l...

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...