css - 将 rgba 转换为 CSS 中的单独属性

Question

如何将 rgba 分离成单独的属性 - 颜色和不透明度。

即。 rgba(255,255,255,0.5);

会是

rgba(255,255,255);

和

opacity(0.5);

这在 CSS 中可能吗？

附言。我确实需要它具有与 rgba 相同的效果，即。透明背景，而不是整个元素。

Answer 1

是的，确保添加浏览器标签以实现不透明度的跨浏览器兼容性。

-ms-, -web-kit-, -o-, -moz-


.someElement {
背景色:rgb(255,255,255)；
不透明度:0.5；
}


重读后。如果只希望背景透明，则必须使用 rgba(255,255,255,0.5); 以避免为元素的子元素提供不透明度。