DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> Css Hack:Pixel Perfect
Css Hack:Pixel Perfect
編輯:CSS詳解     

比較常用的是只對IE進行hack,常見的寫法有以下幾種:

1. IE條件注釋

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

還可只對某一IE版本或以下版本hack

2. Html/body標簽中寫class hook

比如使用jQuery Browser Plugin後通過Firefox浏覽頁面Html被附加上這樣的class

<Html class="win firefox Firefox3 gecko gecko1">

之後針對不同的浏覽器(及版本)寫hack

Google的某些產品使用的是此方法,比如Google Reader,只不過hook的對象為body標簽而非Html標簽。

通過前後台生成hook皆可

CSS Hack

比如:

div{
    color: black; /* all browsers */
    color: red\9; /* E8 and below */
    #color: green; /* IE7 and below */
    _color: blue; /* IE6 and below */
}

在實際項目中使用較多的是此方法。當然,也可以第一種和第三種方法配合,方便通過驗證

後記

如果不是為了pixel perfect,平時也用不到太多hack,hack多了非常令人惡心(think, there was an old lady who swallowed a fly)。

這是pixel perfect系列的最後一篇,面對“不可能完成的任務”,至少我們努力過了…

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved