我有一个非常简单的问题,似乎无法解决我的生活......
我有背景图片 -
<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值是什么,都会发生这种情况。
我做错了什么?
答案 0 :(得分:0)
只要我理解你的问题,如果你包装一个&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>