はCSS - 画面の端にdiv要素を整列私は、それが固定幅のレイアウトは非常にシンプルだとしている

Question

は次のようになります。

左側のdivが位置です：私はそれがままにしておきたいと固定ページがスクロールするときにその場所に配置されます。背景の線は背景画像を表します。

は、私は何をしようとしていることは、画面の左側に固定DIVの側から実行バーを作成するので、それは次のようになります。

がありますこれを達成する方法は？通常、私はある種の背景イメージのハックを使用しますが、divの背後に背景イメージがあるので、うまく動作しません。

Answer 1

あなたはおそらくこれを試すことができます。

fixed-div:before { 
    content: url(bar.gif); 
} 

あなたは（要素の後に）右側の上に置きたい場合には代替は、あります：

fixed-div:after { 
    content: url(bar.gif); 
} 

ものの、ノートそのIE6とIE7は、疑似クラスセレクタ:beforeと:afterをサポートしていません。