2013-01-16 20 views
25

background-image ürününe eklemek mümkün müdür?Arka plan resmi üzerinde kenarlık yarıçapı

+2

Arka Plan Resmi, asıl sayfanın arka plan resmi ..? Ne demek istiyorsun? Daha fazla bilgiye ihtiyacınız var. – Bart

+1

Bu sorunun nasıl iki kez kısaltılmış olması mümkün? Çok kalitesiz. Henüz bir şey denedin mi? Google’a denedin mi? "Arka plan-imaj" tanımınız nedir, çünkü @Bart daha önce bahsettiğim gibi, 'bedeninizin' arka planı, rastgele bir 'div' ya da belki bir 'pre' elementi mi? Lütfen daha spesifik ol. – Jelmer

+1

1. Arka plan resmi div 2. Arka plan resminin div üzerinde ayarlanmış kenarlık yarıçapı ile kırpılmasını istemiyorum çünkü arka plan resmim ortada ve div sınırına uymuyor, bu nedenle arka plan görüntüsü t kırpılmış. Ihtiyacınız olan crossbrowser için –

cevap

1

bu

div { 
     border: 10px solid white; 
     -moz-border-radius: 10px; 
     background:url(map_background_box_right.png); 
     } 
+1

-moz-border-radius: 50px; ve eski ie'yi optimize etmeniz gerekiyorsa, bunu pie.htc [link] (http://css3pie.com/) –

17

Evet bu mümkün deneyin: Bir div

div { 
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    border-radius: 50px; 
    border: none; 
    width: 500px; 
    height: 335px; 
    background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg); 
} 

Click here for demo.

+2

gibi harici komut dosyaları olmadan yapamazsınız. Bu güzel, ama ne olurdum ' Arka plan konumu: 50px background-repeat: no-repeat'. Arka plan resmi ** sadece **, div sınırına göre kırpılmıştır. –

+0

Arka plan görüntüsüne doğrudan sınır yarıçapı eklemenin bir yolu olmadığını düşünüyorum, ancak bunu bir hile ile yapabilirsiniz: http://jsfiddle.net/fbDZb/8/ –

+0

David Czinege, teşekkürler, maalesef aradım ek div olmadan çözüm. Yine de teşekkürler :-) –