透明邊框

原文出處：http://www.w3cplus.com/css3/css-secrets/translucent-borders.html

問題

現(xiàn)在，你對(duì) CSS 中的半透明顏色可能已經(jīng)有了基礎(chǔ)的了解，比如?rgba()?和?hsla()。從 2009 年開始，雖然在開發(fā)設(shè)計(jì)中使用它們需要付出一些代價(jià)，比如提供降級(jí)措施、使用IE濾鏡，但是總得來(lái)說(shuō)它是一個(gè)巨大的變革。不過(guò)在實(shí)際中，它們主要被用于背景，有這么幾點(diǎn)原因：

• 早期的開發(fā)者沒有意識(shí)到這些新屬性就是類似?#ff0066?和?orange?的色彩，而是將它們看作是圖片，所以僅用在了背景上。
• 為背景提供降級(jí)方案比其他屬性更簡(jiǎn)單。比如，可以直接使用單像素的半透明圖片替代半透明背景。對(duì)于其他屬性，則只能使用不透明顏色。
• 在其他屬性上使用半透明顏色，比如邊框，并不簡(jiǎn)單，我們將在下文介紹原因。