1. 程式人生 > >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黑邊的正方形。