原文出處：
記得以前facebook有段時間使用了非常多的半透明邊框（facebox），雖然現在不支援了，但是還是值得研究一下。
你有可能覺得這樣寫就行了：
#lightbox還好我們有css3的background-clip屬性
#lightbox如果我們把background-clip設定成padding-box,那border就不會被影響。
view demo
例子如下：
works in:safari 5, chrome 7, firefox 3.6+, opera 10, ie 9
《CSS揭秘》半透明邊框
效果展示 展示 doctype html en utf 8 viewport content width device width,initial scale 1.0 半透明邊框 title body div style head 我有乙個半透明的邊框呦 div body html 預設情況下，背景...
CSS揭秘 半透明邊框
技巧 實現乙個半透明的邊框 預備知識background clip background clip 設定元素背景是否延伸到邊框下面，如果沒有設定背景顏色或者，那麼這個屬性只有在邊框設定為透明或者半透明時才能看到視覺效果。否則這個屬性造成的樣式變化會被元素邊框所覆蓋。預設值為 border box 沒...
半透明邊框
相信大家以前都是用過css的半透明顏色，比如rgba 和hsla 但在一些屬性 比如邊框 中使用半透明顏色並沒有想象中那麼容易。我們接下來會看的 假設我們想給乙個容器設定乙個白色的背景和一道半透明的白色邊框，body的背景會從半透明的邊框透過來。我們最開始的嘗試可能是醬子的 1 test 結果如圖所...