Question

我知道在css中技术上不可能使用子元素的不透明度。我曾希望通过将外部元素的边距设置为负数来使用变通方法，但现在不透明度只显示在元素上。我试图把它放在上面，并设置z-index没有变化。

在这里查看完整的JSFiddle： http://jsfiddle.net/etP65/1/

#sellbottom {
    z-index:50
margin: -114px 0;
width: 135px;
height: 60px;
border-top: 1px solid #c8d5da;
background-color: #96adb7;
opacity: .8;
padding: 30px 70px;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
-moz-opacity: .8;
-khtml-opacity: .8;
}

.orangebutton {
margin: 30px 70px;
z-index: 99999;
opacity: 1;
background-color:#62ffff;
}

HTML

<div class="orange-button"></div>
<div id="sellbottom"></div>

Answer 1

请勿在z-index中使用“px”。它只需要一个值。对于要使用的z-index值，需要定位元素（相对/绝对）。

只需输入“position：relative;”在橙色按钮的CSS上 - 我相信这也适用于ie8。

.orangebutton {
    margin: 30px 70px;
    position: relative;
    z-index: 99999;

子元素的CSS不透明度

1 个答案: