为了制作半透明白色,大家需要将 rgb 值设为 255,透明度设置为介于 0 和 1 之间的值。最常用的值是 0.5,表示半透明。
.box { background-color: rgba(255, 255, 255, 0.5); }
在上面的例子中,大家创建了一个名为“box”的 class,将其背景色设置为半透明白色。可以根据需求调整透明度值。
除了 rgba() 函数,还可以使用 opacity 属性达到相同的效果。不同的是,opacity 会将整个元素(包括文本)都变得半透明,而 rgba() 函数只会影响背景色。
.box { background-color: #fff; opacity: 0.5; }
上面的代码将元素背景色设置为白色,透明度为 0.5。
需要注意的是,rgba() 函数和 opacity 属性在 IE8 及以下版本不被完全支持,建议在使用时进行兼容性处理。