SORU
8 Ocak 2009, PERŞEMBE

Birden fazla arka plan resimleri CSS kullanarak alabilir miyim?

İki arka plan görüntüleri olabilir mi? Örneğin, görmek isterdim bir görüntü karşısında tekrar üst (repeat-x), ve başka bir tekrar boyunca tüm sayfa (tekrar), bir genelinde tüm sayfayı arkasındaki hangisi tekrarlar arasında üst.

Html ve vücut arka plan ayarlayarak iki arka plan resimleri için istenen etkiyi elde edebileceğimi buldum:

html {
    background: url(images/bg.png);
}

body {
    background: url(images/bgtop.png) repeat-x;
}

Bu "" CSS? iyidir Daha iyi bir yöntem var mı? Ve eğer üç veya daha fazla arka plan görüntüsü istersem?

CEVAP
8 Ocak 2009, PERŞEMBE

CSS3 bu tür bir şey verir ve bu gibi görünüyor:

body {
    background-image: url(images/bgtop.png), url(images/bg.png);
    background-repeat: repeat-x, repeat;
}

The current versions of all the major browsers now support it, ancak eğer IE8 veya aşağıda destek gerekiyorsa, o zaman çözüm olabilir en iyi yolu ekstra divs var

<body>
    <div id="bgTopDiv">
        content here
    </div>
</body>

body{
    background-image: url(images/bg.png);
}
#bgTopDiv{
    background-image: url(images/bgTop.png);
    background-repeat: repeat-x;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Css Background-İmageCss

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Fullscreen

    Fullscreen

    23 Mart 2006
  • Nick Pitera

    Nick Pitera

    8 NİSAN 2006
  • ShayLoss

    ShayLoss

    5 Kasım 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR