透明邊框

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

問題

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

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