CSS3 蘋果官網範例文字隱藏color: transparent

12 月 25, 2015 | | 0 條留言

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

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

{googleads center}

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

HTML

Apple Watch 戴著它,就會愛上它。

CSS

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