CSS3可對顏色做透明,也就是說你在設計網頁上,想要將文字隱藏起來可使用color: transparent這個方法。

蘋果官方網站在CSS設計上,下圖紅色區塊,也是使用這個方式將連結文字隱藏,在對區塊設備背景圖。達到網頁內容有文字,對搜尋有幫助,但在視覺呈現上使用較有彈性的,圖片文字做為背景顯示。

以下範例展示CSS color:transparnt隱藏文字方法:

HTML

<a class="promo" href="/tw/watch/">Apple Watch 戴著它,就會愛上它。</a>

CSS

.promo { 
    color: transparent; /*---文字透明隱藏不顯示---*/
}

您也可能喜歡這些文章

SEO優化之CSS隱藏關鍵文字

想使用CSS將不必要,但可以增加SEO的關鍵文字隱藏,想要讓google大神搜尋到,又不想在網頁上HTML顯示你這些文字,可以使用下列CSS方法隱藏文字。...