如何更改背景色的不透明度？

Question

問題1

我想知道當用戶將其懸停在導航欄上時，是否有人可以幫助我更改下拉背景色的不透明度？ 我試過看其他教程。 但是，我沒有運氣。

這是我的代碼

    .navbar.navbar-default ul li:after {
      content: '';
      position: absolute;
      right: 50%;
      bottom: 0;
      left: 50%;
      height: 3px;
      background-color: #FFFFFF;
      border-radius: 9px;
      transition: all .2s;
    }

    .navbar.navbar-default ul li a:hover {
      color: white;
    }

Answer 1

使用rgba（）設置背景色。

rgba代替了十六進制，而是采用了紅色，綠色，藍色和不透明度值，如下所示：

background-color: rgba(20, 50, 40, 0.5)

rgb值為0到255，不透明度為0到1。

您可以使用以下網站： http : //www.colorhexa.com/4f5f4f，以幫助您將十六進制值轉換為rgb值。

不幸的是，CSS不支持十六進制顏色的alpha值。

Answer 2

您可以簡單地在css行下面添加

.navbar.navbar-default ul li a:hover {
    color: white;
    background: rgba(61, 63, 74, 0.8);
}