Question

我有两层，我想要两者混合，我怎样才能改变它们的透明度，使其从上面的重叠区域看到一个。

Answer 1

您需要使用CSS，并使用opacity标记。它需要一些工作，因为IE的旧版本需要非标准设置，但这是一个例子：

.transparentLayer {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8
    filter: alpha(opacity=50);                  //  IE7 or older
    opacity: 0.5; // all real browsers
}

将0.5或50更改为您想要的不透明度（0 =清除，1/100 =实体）。

Answer 2

使用CSS3 opacity属性或rgba或hsla表示法作为元素的背景颜色，具体取决于您希望实现的效果。请参阅：http://jsfiddle.net/minitech/sN8uU/

Answer 3

您需要使用z-index，position和opacity

<强> HTML：

<div id="layer1"></div>
<div id="layer2"></div>

CSS：

#layer1, #layer2 {
    position:absolute;
    top:0;
    left:0;
    width:500px;
    height:500px;
}

#layer1 {
    z-index:0;
    background-color:red;
}

#layer2 {
    z-index:1;
    background-color:blue;
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

演示：http://jsfiddle.net/AlienWebguy/QqEdb/

层层不透明度

3 个答案: