bugün çok kafa yorabilirim kusura bakmayın.

sorum şu: css'te tek bir div'e çift resim kullanabiliyor muyuz?

yapmak istediğimse şu: top.png ve down.png isimli 2 resim yapıcam, bunlar biraz gölge efekti gibi şeyler.

div'in en altına background: url(resim/down.png) repeat-x bottom;

üstüne ise background: url(resim/top.png) repeat-x top;

şeklinde bu resimleri koyacağım, kendi çapımda hafif bir gölge efekti yaratacağım. ancak ikisini birlikte bu şekilde kullanamıyoruz. öyleyse nasıl kullanabiliriz?


edit: tek bir resimde hem alt hem üst gölge verebilirim. ancak div'imin uzunluğu değişken olduğu için bu yöntem pek işime yaramaz.

 

üzerine geldiğinde mi ikinci resime geçecek hover şeklinde , aynı anda bir div formuna iki resim birden veremezsin ancak diyelim ki id ise
#sc {
background: url(resim);
}
#sc: hover: urk (resim);
falan yapabilirsin :/

SemihCebrail

background-image: url(sheep.png), url(betweengrassandsky.png);
background-position: center bottom, left top;
background-repeat: no-repeat;

css3 bu.

serafettinn
1

mobil görünümden çık