Question

我有一个非常简单的问题，似乎无法解决我的生活......

我有背景图片 -

<body style="background: url(C:\Users\patrick\Source\Workspaces\PropertyManager2\Images\CityScapeBackground.png)">

然后我在它上面有一个DIV -

<style type="text/css">
.Main { margin-top:30px; margin-left:auto; margin-right:auto; }
</style>

<div style="width:1000px; height:600px; font-family:Calibri; background-color:rgb(128, 128, 128)" class="Main" >

这会创建一个灰色背景的DIV。但是，当我尝试制作DIV的背景时，略微透明 -

<div style="width:1000px; height:600px; font-family:Calibri; background-color:rgba(128, 128, 128, 0.50)" class="Main" >

预览和我的浏览器（Chrome - 35.0）显示DIV的背景是完全透明的。无论RGBA中的Alpha值是什么，都会发生这种情况。

我做错了什么？

Answer 1

只要我理解你的问题，如果你包装一个＆lt;身体＆gt;标记与另一个元素或在＆lt;之前放置此元素正文＆gt;，浏览器将忽略此并始终呈现＆lt;身体＆gt;标记在第一位。

正如你所说＆＃34;然后我就有了一个DIV - ＆＃34;，这可能是你的问题吗？

此外，如果您尝试在图像上添加div，则此div控制＆＃34;不透明度＆＃34; img的不透明度，你做错了。

尝试：

<body style="width:1000px; height:600px; font-family:Calibri;" class="Main" >
  <div style="width:1000px; height:600px; background: url(http://www.wallsave.com/wallpapers/1920x1080/ajax-fc/657997/ajax-fc-internationaal-657997.jpg)">
    <div style="width:1000px; height:600px; font-family:Calibri; background-color: rgba(248, 247, 216, 0.7);">
    </div>
  </div>
</body>

请检查：http://jsfiddle.net/bqry2/

RGBA Alpha值不会影响我的DIV的透明度

1 个答案: