通過濾鏡來解決
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...