电竞公司排行榜前十名
專注于網站建設和搭建網絡營銷體系
商視互聯,北京做網站公司
北京做網站,商視互聯 您的位置:網站首頁 > 商視動態 > 網頁設計 > 正文
一些css hack的寫法
作者:商視互聯   來源:北京網絡公司   日期:2012/6/9 12:43:19   熱度:℃   [ 標簽:css 網頁設計 ]

  1.在html的之間加入
  在IE8 下和IE7下顯示內容相同,這樣我們只需區分IE6、IE7、火狐(firefox)的css hack即可
  2.注:IE都能識別*;標準瀏覽器(如FF)不能識別*;
  IE6能識別*,但不能識別 !important,
  IE7能識別*,也能識別!important;
  FF不能識別*,但能識別!important;以下是各瀏覽器CSS hack表格
  另外再補充一個,下劃線"_",
  IE6支持下劃線,IE7和firefox均不支持下劃線。
  于是大家還可以這樣來區分IE6,IE7,firefox: background:orange;*background:green;、_background:blue;
  注:不管是什么方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最后面。
  以上是介紹區別各瀏覽器的CSS hack的寫法,下面我們簡單介紹這些CSS hack用法:
  要求說明:假如我們設置一個類名為exple的類CSS屬性,CSS樣式邊框為1PX黑色邊框,高度為100PX
  并要求,在IE6瀏覽器下寬度為100PX;IE7瀏覽器寬度下為150PX;火狐IE8谷歌瀏覽器下寬度為200PX;
  (PX是長度單位像素)
  則CSS代碼如下:
  .exple{border:1px solid #000; height:100px;width:200px; *width:150px !important;
  *width100px;}
  這樣只要在html設置一個div的類(class="exple"),這樣這部分在火狐、IE8、谷歌瀏覽器下就會
  顯示寬度為200px高度為100px帶1px的黑邊框的方塊;IE7瀏覽器寬度下為150PX高度為100px帶1px
  的黑邊框的方塊;在IE6瀏覽器下就會顯示出長度和寬度為100px的帶1px黑邊的正方形。


本文網址:
更多

电竞公司排行榜前十名 捕鱼达人2有卡片的版本下载 白沙娱乐场电投 pk10独胆网页计划 500元20期倍投计划 五星级酒店特殊服务 北京pk赛车每天稳计划 郑州小姐上门服务价格 优博时时彩 天津时时自由的百科 星辰娱乐棋牌下载