CSS-經常使用hack

儘可能少用或者不用hack

方法一：IE條件註釋法：

01.只在IE下生效

<!-- [if IE]>
<link type="text/css" href="text.css" rel="stylesheet" />
<![endif] -->

02.只在IE6下生效

<!-- [if IE 6]>
<link type="text/css" href="text.css" rel="stylesheet" />
<![endif] -->

03.若是想針對某個範圍之內版本的IE進行hack，能夠結合lte／lt／gte/gt/!關鍵字進行註釋；

lte：小於等於；
lt：小於；
gte：大於等於；
gt：大於；
!：不等於； 

例如：表示IE版本大於6

<!-- [if gt IE 6]>
<link type="text/css" href="text.css" rel="stylesheet" />
<![endif] -->

方法二：選擇器前綴寫法：

在css選擇器前加一些只有特定瀏覽器才能識別的前綴。

"*html"前綴只對IE6生效，"*+html"只對IE7生效；

<style type="text/css">
*html .test{width: 120px;}  /*只在IE6下生效*/
*+html .test{width: 120px;}  /*只在IE7下生效*/
</style>

方法三：樣式屬性前綴寫法：

在樣式的屬性名前加一些只有特定瀏覽器才能識別的前綴。

"_"前綴只對IE6生效，"*"對IE6/IE7生效；

<style type="text/css">
.test{
    _width: 120px;  /*只在IE6下生效*/
    *width: 120px;  /*對IE6/IE7生效*/
}
</style>

針對safari瀏覽器；

elelent{
    [;color: red;  /*只在safari下生效*/
}