html - divの本当の透明なスペース。テキストはなく、背景のみが表示されます

Question

背景付きのDIV、テキスト、および背景付きの最初のDIVに配置される別のFIXEDDIVがあります。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/

私は#transparentdivcssを次のように編集しました：

#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;
}