1 
<html>
  <head>
    <style>
      #main{
        opacity:1 !important;
        position:absolute;
        width:500px;
        height:500px;
        top:150px;
        left:300px;
      }
      body{
        opacity:0.3;
      }
    </style>
  </head>
  <body>
    <div id="main"></div >
  </html>

这是代码。我想对主体应用低不透明度，对 id Main 应用最大不透明度，我已经尝试过这样但我没有达到所需的输出。有没有其他方法可以实现这一点。提前致谢。

4

3 回答 3

2

这里的问题是不透明度是由div从body继承的。此外，不透明度似乎根本不适用于身体本身（这让我感到惊讶）。

如果你只想在 body 上使用半透明的背景颜色，你应该使用background-color: rgba(x,x,x,x). 如果您想在正文中显示透明图像，请查看此问题：

CSS不透明度继承问题

于 2013-09-26T07:45:51.150 回答
0

你到底想要什么？我已经测试了你的代码，对我来说这很好，我有一个不透明的主体和一个不透明的主体。

于 2013-09-26T07:42:01.197 回答
0

css 中的不透明度应用于您应用不透明度的元素的所有子元素，您可以将 div 放置为覆盖或底层，您想要的不透明度在这里是一个小提琴

<body>
<div class="overlay"></div>
<div class="main"></div>
</body>

.overlay {
    position:fixed;
    width:100%;
    height:100%;
    opacity:0.3;
}
于 2013-09-26T07:45:21.490 回答