在編寫(xiě)網(wǎng)頁(yè)時(shí),經(jīng)常需要給頁(yè)面的不同元素設(shè)置不同的背景顏色,最常用的方式就是使用CSS的background-color屬性。但是有時(shí)我們需要取消某個(gè)元素的背景顏色,該怎么做呢?
其實(shí)很簡(jiǎn)單,我們只需要將該元素的background-color屬性的值設(shè)為“transparent”即可,這樣就將其背景顏色設(shè)置為透明。具體代碼如下:
.element { background-color: transparent; }
需要注意的是,如果該元素已經(jīng)繼承了父元素的背景顏色,那么將其設(shè)置為透明后,就會(huì)顯示出父元素的背景顏色了。如果想要避免這種情況,可以將該元素的background屬性也設(shè)置為transparent,代碼如下:
.element { background: transparent; background-color: transparent; }
此外,還有一種情況,就是有時(shí)我們需要將輸入框的背景顏色設(shè)置為透明,這樣可以讓輸入框的背景色與其所在的頁(yè)面背景色保持一致。此時(shí),我們需要使用如下的CSS代碼:
input[type="text"], input[type="password"] { background-color: transparent; }
這樣,就可以將輸入框的背景顏色設(shè)置為透明,而不會(huì)影響其他元素的背景顏色。
上一篇json折疊
下一篇css背景顏色只有字后面