Phak Method 的CSS 圖片置換方法

mezzoblue § Testing Grounds: "Phark Method

Greatly simplifying Leahy/Langridge, Mike Rundle of Phark offered a solution that uses text-indent to hide the text. This is confirmed to work in JAWS, solving the accessibility problem. Issues: nothing shows up under 'images off, css on' scenarios, doesn't work in IE5.
Revised Image Replacement"

THIS IS TEXT

這種方法最重要就是 text-indent:-100em ; 這樣
然後將backgroundimage url 設定為 顯示與高寬設定就可以了..

很聰明....不過剛發現了一個bug
就是當你的文字超過 100em 的話....你就會發現他\出現在你的網頁囉...哈
是很不可行的作法..或者文字不能太長就是了...

另外有提到的缺點是你的圖片連結失效...然後css 又有作用...等於沒圖又沒文字...
修改的方式大概就是 記得設定~~