尝试为1px行设置不透明度

Question

我正在尝试执行以下操作：

border-bottom: 1px solid #00b4f5; 

当我将opacity: .8;添加到1px行时，它也会将其应用于整个#name{}。

我只希望1px行应用不透明度。

Answer 1

如果您设置 opacity ，则会影响整个元素，而使用 rgba() 将适用于您将其设置为的特定属性

在 rgb 中， #00b4f5 等于 rgb(0, 180, 245) ，因此 { {1}} 您的代码将是：

opacity: .8

注意： Here是一个很好的网站，可用于在将来进行.element { border-bottom: 1px solid rgba(0, 180, 245, .8); } 次转化。

Answer 2

为边框着色时使用rgba(255,0,0,0.8)

div {
  border-bottom: 1px solid rgba(255,0,0,0.8);
  background-clip: padding-box;               /* add if the element have a background */
}