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

Question

我有一个带有背景的DIV，一个带有文本的DIV和另一个带有背景的第一个DIV的FIXED 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>

我想要实现主背景，正文和固定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;
}