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

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

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

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

HTML

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

CSS

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

 

Posted in CSS

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses