CSS3可對顏色做透明,也就是說你在設計網頁上,想要將文字隱藏起來可使用color: transparent這個方法。
而蘋果官方網站在CSS設計上,下圖紅色區塊,也是使用這個方式將連結文字隱藏,在對區塊設備背景圖。達到網頁內容有文字,對搜尋有幫助,但在視覺呈現上使用較有彈性的,圖片文字做為背景顯示。
{googleads center}
以下範例展示CSS color:transparnt隱藏文字方法:
HTML
Apple Watch 戴著它,就會愛上它。
CSS
.promo {
color: transparent; /*---文字透明隱藏不顯示---*/
}