如果我设置了div不透明度,我可以制作不透明的东西吗?

时间:2013-08-06 14:42:56

标签: html css css3

div.body {
    width: 80%;
    min-height: 100.35%;
    float: center;
    background-color: black;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    margin: 0 auto;
    overflow: auto;
    height: 100%;
    margin-top: -1%;
}

这就是我在主要部门中所拥有的。我希望这个div中的某些东西是不透明的。我可以这样做吗?

3 个答案:

答案 0 :(得分:0)

不,由于身体相同,div.body中的所有内容的最大视觉不透明度均为30%。赋予它们不透明度100%只会使它们整体不透明30%。您需要单独对内部元素应用不透明度,而不是将其应用于正文。

编辑:如果它只是你需要30%不透明度的身体背景,你可以使用透明的PNG图像或RGBA

答案 1 :(得分:0)

您可以使用:

div.body {background: rgba(0,0,0,.3);}

答案 2 :(得分:0)

您可以使用rgba:

将不透明度应用于背景
div.body {
    width: 80%;
    min-height: 100.35%;
    float: center;
    background-color: rgba(0,0,0,.3);
    filter: alpha(opacity=30);               
    margin: 0 auto;
    overflow: auto;
    height: 100%;
    margin-top: -1%;
}