婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > Css瀏覽器兼容的解決方法

Css瀏覽器兼容的解決方法

熱門標簽:上海400電話辦理到易號網 智能語音電銷機器人客戶端 常州電話外呼系統招商 山東電銷機器人軟件 廣州防封電銷機器人廠家 成都企業外呼系統 南通電銷外呼系統軟件 申請400電話移動 洛陽防封卡外呼系統廠家

一、網頁背景半透明
網頁背景半透明

復制代碼 代碼如下:

opacity:0.8;
filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解決PNG圖片半透明問題:
#DIVname {
      width: 300px;
      height: 99px;
      background: url('images/top.png') no-repeat top;
      *background: none;
      *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='template/flower/images/top.png');
}
 

二、清除浮動
復制代碼 代碼如下:

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
.clear{height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}

三、浮動IE6雙邊距
1、為浮動元素使用display:inline;
2、IE6下3px間距bug:在IE6中,當文本(或無浮動元素)跟在一個浮動的元素之后,文本和這個浮動元素之間會多出3px的間隔,給浮動層添加display:inline或設計-3px的間距來解決這個bug。
3像素間距bug
div+css中最小高度min-height
方法一:
復制代碼 代碼如下:

#DIVname {
      min-height:150px;
      *height:auto!important;
      _height:150px;
       overflow:visible;
}

方法二:
復制代碼 代碼如下:

#DIVname {
      min-height:1000px;
      _height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");
}

五、IE下z-index 的 bug
一般來講,ie對父級的要求比較高,如果父級有position屬性,但是沒有給z-index屬性,那默認都是0,所以不論子集里面有多高的z-index屬性,都是沒用的。
所以一般情況下,需要給包含z-index屬性的父級一個z-index:1的屬性,這樣可以解決很多莫名其妙的問題。
六、IE6調整窗口大小的bug
當把body居中放置,改變IE瀏覽器大小的時候,任何在body里面的相對定位元素就會固定不動了,解決方法是給body定義position:relative;就行了。
七、文字大小和行高不兼容
同樣大小的相同字體,各瀏覽器下行高和大小不一樣,需要設定line-height。
八、mirror margin bug
在IE6下,當外層元素內有float元素時,外層元素如定義margin-top:5px,將自動 生成margin-bottom:5px,padding也會出現類似問題,解決方案:外層元素設定border或float。
九、img下的留白
在html里面有:
div>
img src=”" mce_src=”" />
/div>img …/>時,會發現圖片底部不是緊貼著容器底部的,是img后面的空白字符造成,要消除必須這樣寫:
div>
img src=”" mce_src=”" />/div>后面兩個標簽要緊挨著。IE7下這個bug依然存在,解決方案:display:block。
十、圖片和文字同行
大家知道img 的align 有 text-top,middle,absmiddle啊什么的,你可以嘗試去調整img 和文字讓他們在ie和ff下能一致,你會發現怎么調都不會讓你滿意。索性讓img 和文字都 float起來,用margin 調整。
失去line-height。div style=”line-height:20px”>img />文字/div>,很遺憾,在ie6下單行文字 line-height 效果消失了。。。,原因是img />這個inline-block元素和inline元素寫在一起了。解決方案:讓img 和文字都 float起來。

您可能感興趣的文章:
  • 多瀏覽器兼容的動態加載 JavaScript 與 CSS
  • js+css實現的簡單易用兼容好的分頁
  • div+css+js實現無縫滾動類似marquee無縫滾動兼容firefox
  • div+CSS 兼容小摘
  • CSS Hack 匯總速查手冊瀏覽器兼容必會
  • css瀏覽器不兼容原因分析及解決辦法
  • 使css兼容IE8的小技巧
  • JavaScript獲取鼠標移動時的坐標(兼容IE8、chome谷歌、Firefox)
  • javascript中實現兼容JAVA的hashCode算法代碼分享
  • 兼容最新firefox、chrome和IE的javascript圖片預覽實現代碼
  • JavaScript在IE和FF下的兼容性問題
  • css與javascript跨瀏覽器兼容性總結

標簽:貴州 廣安 鶴壁 滄州 邵陽 混顯 萊蕪 賀州

巨人網絡通訊聲明:本文標題《Css瀏覽器兼容的解決方法》,本文關鍵詞  Css,瀏覽器,兼容,的,解決,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《Css瀏覽器兼容的解決方法》相關的同類信息!
  • 本頁收集關于Css瀏覽器兼容的解決方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 南陵县| 桃源县| 射洪县| 虞城县| 新竹县| 安福县| 新晃| 东安县| 吴川市| 凌源市| 巴林右旗| 五河县| 大邑县| 寿宁县| 南靖县| 澄迈县| 阿合奇县| 锡林浩特市| 蓝田县| 曲阳县| 新巴尔虎左旗| 高唐县| 武夷山市| 姜堰市| 临安市| 且末县| 全椒县| 康保县| 开平市| 潼关县| 开平市| 炉霍县| 金平| 铜梁县| 萝北县| 疏勒县| 铜川市| 双流县| 通江县| 明溪县| 桃园市|