圖片替換技術

日期：2013-12-13  來源：攀枝花惠康網絡公司

圖片替代手藝
用文字總比用圖片做問題好一些. 文字對屏幕閱讀機和seo都長短常友好的.

h1 { background: url(heading-image.gif) no-repeat; }

HTML:

你可以看到我們對問題使用了尺度的<h1>作為標簽而且用css來將文本替代為圖片. text-indent屬性將文字推到了瀏覽器左邊5000px處, 這樣對于瀏覽者來說就看不見了.

<h1><span>Main heading one</span></h1>

CSS:

h1 span {
position:absolute;
text-indent: -5000px;
}

關失蹤css,然后看看頭部會是什么樣子的.