Question

我有两层,我喜欢两层,我如何改变其透明度,使之能从上层重叠地区看到。

Answer 1

您需要使用<条码>z-index,>>> > > > 和<条码>。



<>光>:

<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);
}


Demo:

Answer 2

您需要使用特别安全局,并使用<>opacity标签。它需要工作范围,因为旧的电子计算机需要非标准的环境,但这是一个例子:

.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=clear, 1/100=solid)。

Answer 3

Use the CSS3 opacity property, or the rgba or hsla notation for the background color of the element, depending on what effect you want to achieve. See: http://jsfiddle.net/minitech/sN8uU/

友情链接