Tablo satır arka plan görüntüsü

Question

Olası Çoğalt:
Can we solve the table row background image problem, in chrome, in multi celled tables?

Ben ilk satır için arka plan olarak bir görüntü var çalışıyorum. Sorun, arka planın her hücreye ayrı ayrı uygulandığı, bir bütün olarak değil. etrafında yol var mı?

http://jsfiddle.net/bumpy009/c3txj/

Sonuç şu şekilde görünmelidir:

EDIT: Sorun sadece Safari, Opera ve krom görünür. Henüz IE kontrol etmedi.

Answer 1

Her satırın karşısına isterseniz, neden bunun yerine arka planını yapıp y ekseninde tekrarlamıyorsunuz?

table { 
    width: 300px; 
    background-image: url('mypic.jpg'); 
    background-repeat: repeat-y; 
} 

BTW IE9, FF12 kodunuzu test - bu satır başına bir kere görüntüyü gösteriyor. Ancak Chrome 15 & Safari 5, her bir td için tekrarlıyor. ? Eğer yalnızca birinci satırdaki istediği beri

Düzenleme

, ilk satır doğru, nerede genellikle var (resim tablosunun üstündeki kalır emin olmak için background-pozisyonu kullanmalıdır: P)

table { 
    width: 300px; 
    background-image: url('mypic.png'); 
    background-repeat: no-repeat; 
    background-position: center top; 
} 

Answer 2

Hücre genişliğinizi bilmiyorum (bunlar değişken mi?), Ancak tablo öğeleri böyle işliyor. şimdi de, td ve inci elemanları genişliklerini ayarlamak gerektiğini,

tr {display: block;} 
td, th {display: inline-block; background: transparent;} 

Göreceksiniz istenen etkiyi elde etmek için, onlar başka bir şey olarak görüntülenmesi gereken.

Bkz. Demo.