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

Question

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

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

将会

rgba(255,255,255);

和

opacity(0.5);

这在 CSS 中可能吗？

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

Answer 1

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

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

.someElement { background-color: rgb(255,255,255); opacity: 0.5; }

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