|
上文：Chapter 13 為文字指定樣式
標準化設計解決方案 - 標記語言和樣式手冊
Web Standards Solutions The Markup and Style Handbook
Part 2: Simplebits Of Style 簡短精悍的樣式
Chapter 14 圖片替換
隨著更多設計師與開發(fā)者開始使用標準(特別是CSS),每天都會有許多新技術被發(fā)現(xiàn),達成相同目標的新方法,更好的方法也不斷發(fā)展著.
"圖片替換" 可以說是這種變革的最佳范例,這是用CSS把普通文字置換成圖片的技術.
應該如何用CSS把文字換成圖片?
如果能把表現(xiàn)用(不重要的或者裝飾用的)的圖片全放在CSS中是最好的,因為這樣能夠輕易替換更新過的圖片,但卻不用更改標記源代碼.同樣,我們也能確保所有瀏覽器和設備能正確解析標記源代碼的意義,不管有沒有完全支持把文字替換成圖片的進階CSS.在這本書中一直強調這樣的優(yōu)勢.
沒有完美的解決方案
然而,尋找單純使用CSS將文字置換成圖片的"完美"方式幾乎跟尋找圣杯沒啥兩樣...因為現(xiàn)在還不存在.僅有能在所有瀏覽器中正常運作的方法,但是它無法配合輔助程序(比如屏幕閱讀器)使用.還有其他能奏效的方法,除非使用者指定瀏覽器不顯示任何圖片,但又啟用CSS.
雖然在這段文字撰寫的時候還沒有能夠滿足所有人(或是所有使用者)的方法,但是這類方法現(xiàn)在的確有不少網站使用.在套用任何圖片置換法的時候都必須特別小心,同時也必須了解它會帶來的副作用.
能用,但是要小心
這就是本章的目的,屆時圖片置換帶來的便利性,但是相對的也會揭露它的缺點,隨著時間的發(fā)展,或許會有更多CSS狂熱者發(fā)現(xiàn)能夠做出相同效果的更好方法;在那之前,我們必須善用其中的技巧,衡量得失.
為了讓你熟悉圖片置換的概念,讓我們看看幾種常用的方法.先從Fahrner圖片替換技巧談起(Fahrner Image Replacement;FIR).
出處：藍色理想
責任編輯：bluehearts
上一頁 下一頁 標記語言——圖片替換 [2]
◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 標記語言——圖片替換 [1]
第 2 頁 
