html - div中真正的透明空间。没有文字，只有背景可见

Question

我有一个带背景的 DIV，其中有一个文本和另一个 FIXED DIV，它放在第一个带背景的 DIV 上。我给 FIXED DIV 一个颜色，文本在它后面，我不给 DIV 颜色（希望它透明）并且文本在上面，我给 DIV 透明度，背景和文本都是可见的。

<div id="transparent"></div> <!-- fixed -->
<div id="content"> <!-- content with background and text -->
  content content content content content content content content content content content content content content content content content content 
</div>

我想实现有主背景、主文本和一个 FIXED DIV，它将只显示没有任何文本的背景（但是我不想在其上应用另一个被裁剪的背景图像）

这是我想要实现的目标：

这是 jsFiddle 看看现在的情况：http: //jsfiddle.net/9ggvD/

Answer 1

见我的小提琴：

http://jsfiddle.net/9ggvD/2/

我#transparent将 div css 编辑为：

#transparent
{
    position:fixed;
    background:url('http://c.dryicons.com/files/graphics_previews/blue.jpg') no-repeat top left;
    background-attachment: fixed;
    left:45px;
    top:300px;
    width:400px;
    height:30px;
}