兩天前我發了個求助，今天終于在朋友的幫助下找到了答案，關于transparent以及rgba(0,0,0,0)，在webkit與沒有抗鋸齒的瀏覽器下對border渲染正常，但是在有抗鋸齒渲染的瀏覽器下（ff，ie9）明顯就不正常(winXP)。

首先看一個例子

提示：你可以先修改部分代碼再運行。

這個例子在webkit下兩條透明的表框表現是沒任何問題的，但是在FF下面，border與border的那個對角線位置，明顯多出了一條黑線

因為firefox的抗鋸齒處理會讓border之間漸變過渡，也就是說從rgba(238,238,238,1)到rgba(0,0,0,0)進行漸變處理，那條黑線恰好是兩個顏色之間的中間色。

所以為了讓瀏覽器渲染一樣，以后大家寫border透明色的時候，必須寫相鄰border相同顏色的透明，比如上面的例子：
border-top: 100px solid transparent;
border-left: 100px solid #eee;

就要改成
border-top: 100px solid rgba(238,238,238,0);
border-left: 100px solid #eee;

也就是說，在某些時候，border的透明處理不要簡單的寫為transparent。

轉載：css屬性transparent有時候并不是透明的-練小習的前端技術筆記

總結

以上是生活随笔為你收集整理的css 透明_css属性transparent有时候并不是透明的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。