css transparent屬性_css 透明顏色transparent的使用

在css中 transparent到底是什么意思呢? transparent 它代表着全透明黑色，即一個類似rgba(0,0,0,0)這樣的值。

例如在css屬性中定義：background:transparent，意思就代表背景透明。

實際上background默認的顏色就是透明的屬性，所以寫和不寫都是一樣的。

 

transparent一般使用場景：

如果一個元素覆蓋在另外一個元素之上，而你想顯示下面的元素，這時你就需要把上面這個元素的background設置為transparent

資源網站搜索大全https://55wd.com

 transparent在不同css版本中使用：

CSS1中，transparent被用來作為background-color的一個參數值，用於表示背景透明。
CSS2中，border-color也開始接受transparent作為參數值，《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作為參數值。
CSS3中，transparent被延伸到任何一個有color值的屬性上。

 

 transparent例子：

<style>
.dom {
    color: transparent;
    border: 1px solid transparent;
    background: transparent;
}
</style>
<div class="dom">背景，文字顏色，border透明</div>