Question

我想在我的网页中为所有div添加相同的alpha值。这些div具有不同的背景颜色，我不想在'rgba'中设置值，因为我可能想要还原。

这样的事情：

div{
    background-color: rgba( , , ,0.8);
}

这不起作用，有什么想法吗？

Answer 1

您可以将不透明度应用于div，但其中的元素（另一个div或段落标记，任何内容）将具有相同的不透明度，除非另有定义。如果你认为你可以有rgba（null，null，null，0.4）;祝你好运！

如果您需要申请所有DIV元素，那么这应该适合您，并且它也兼容浏览器。

div {
  zoom: 1;
  opacity:0.6;
  filter:alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}

Answer 2

希望这会有用：

var alpha = 0.4;
$("button").click(function () {
    $div_array=$("div");
    for(var i=0; i<$div_array.length; i++)
    {
        var val_array = $("div").eq(i).css('background-color').match(/^rgb\((\d+), (\d+), (\d+)\)/);
            $("div").eq(i).css('background-color', "rgba(" + val_array[1] + ", " + val_array[2] + ", " + val_array[3] + ", "+ alpha +")");
            console.log($("div").eq(i).css('background-color'));   
    }
});

选中 Fiddle 。

一次将背景alpha值更改为所有div

2 个答案: