Zero159

萬惡IE成為大家的箭靶也不是第一天了，除了安全漏洞外，最讓網頁開發者頭痛的就是CSS支援的問題，每次在IE上排版完後，在Firefox上看就完全不一樣，在Firefox上排好則IE又亂掉了。關於IE或是其他瀏覽器在顯示上面的問題打算整理完寫在下一篇。今天先來討論怎麼透過CSS Filter(CSS Hacks... whatever)來替特定的瀏覽器指定專屬的屬性，或是採用自己專屬的樣式表。(這篇主要都是解決排版問題或是說指定給不同瀏覽器不同的排版格式)

CSS Filter的目的就是要用特定的CSS語法來過濾掉某些特定的瀏覽器，首先對於各種不同的CSS Filter一定要來參考centricle.com上所整理出來的資料，針對各種瀏覽器與CSS Filter之間的支援，雖然有列出很多的方法來實現各種應對上的問題，但有一些是透過錯誤的語法來過濾，所以會照成CSS驗證的錯誤，不過也不是每個網站都把完全符合W3C規範當成必要的需求，畢竟能夠即刻且實用的解決問題還是很迷人的，所以我就擷取一些自己覺得方便好記的方式。

以前常常會發現在html裡面有個<span>標籤，但是一直都搞不懂他到底在做什麼。最近才發現他可是有很大的用途阿，就是可以利用來替換掉我們原本的文字。這樣的做法很好，因為如此在原本的html裡面的標題<hx>或是某段文字<p>，我們就可以利用替換為圖片的方式來增加視覺效果的設計。也完全不需要改變原本html的結構，可以由css完全的控制。這也稱為FIR(Fahrner Image Replacement)。

而作法相當的簡單，如下列就是把<h3>的文字替換為一個圖片。

有時我們會希望我們的網頁元素可以隨時都保持在置中的狀況，不管使用者的螢幕解析度大小都還是可以置中。如果用絕對定位就沒辦法滿足這種條件了，所以我們可以用一些其他簡單的方式來達到目的。

要設計zen garden的css樣式，第一步當然要知道有哪些東西要寫，該怎麼寫，還有網站的結構。Andy Clarke所做著這張圖可以幫我們清楚得了解到整個語法結構，當成最開始的導覽。

• A:link 連結點


• A:visited 瀏覽過連結點


• A:hover 移至連結點


• A:active 選取連結點