なぜこれは単純です：afterと：before擬似要素が機能しないのですか？

Question

なぜ疑似クラスが機能しないのですか？ここで

は、コードとフィドルです：

http://jsfiddle.net/Midtone/DCDVM/

それは十分に単純なようだが、私はそれがどのブラウザで動作させることはできません。これはコーダのバグですか？ありがとう。

Answer 1

left: 0; right: 0;という要素を絶対的に配置しようとしているようだから、追加する必要があります。

position: absolute; 

次に、あなたが一緒に遊んでいるもの...それ以上に見始めることができます...私は本当にあなたが表示別にあなたが作業しているCSSをやろうとしているものを解読することはできません。

http://jsfiddle.net/DCDVM/2/

Answer 2

あなたはそれらの擬似要素のための（そのコンテキストで）任意の寸法を指定していません。だからこそ彼らは現れない。 position: static（デフォルト）の要素では、

topとleftは無視されます。

jsFiddle。