BB sözde eleman boyutu sorunu

Question

söyle genişlik ve yükseklik 100% eşittir. Doğru olan :before ile div ve :before 's genişliği ve yüksekliği de% 100, ancak etkisi farklı!

(Ben bir background-image çözümü kullanabilirsiniz biliyorum ama onun content mülkiyet url() olduğunda :pseudo sorunun ne?)

Fiddle: http://jsfiddle.net/Tp9JG/4/

Answer 1

Ne yazık ki resmin boyutunu kontrol edemez belirtirken o içerik, aracılığıyla Ama arka plan olarak kullanıyorsanız eğer:

.with_before:before{ 
    content:''; 
    background-image: url('http://i.stack.imgur.com/CAAFj.jpg'); 
    background-size: 100% 100%; 
    width: inherit; 
    height: inherit; 
    display: inline-block; 
} 

çek bu 0

Ve biz stil oluşturulan içerik neden Sorunuza: Biz oluşturulan içerik oluşturulmuş bir kutuya verilen ve can kutu tarzı değil, içerik değil çünkü.

referanslar:

1. check this post
2. another lengthy discussion on this subject

o farklı tarayıcılar fark lütfen çok farklı davranışlar gösterirler.