logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Jak ustawić dwa obrazki jako tło w CSS z różnymi powtarzalnościami?

maly_elektronik 13 Kwi 2010 16:54 3909 4
REKLAMA
  • #1 7956465
    maly_elektronik
    Poziom 23  
    Posty: 777
    Pomógł: 35
    Ocena: 5
    Witam :)
    Czy jest możliwość ustawienia 2 obrazków jako tło strony :?:
    Mianowicie jeden z nich to o szerokości 150px oraz repeat-x a drugi to już jakiś o powtarzalności do końca kartki (repeat).
    Czy ktoś próbował czegoś takiego albo po prostu wie jak to zrobić :?:

    PS. Wiem że można ustawić obrazek u góry i tło kolorem np tak:
    
    background: #0c5c92 url("TLO1.png") repeat-x;
    

    Pozdrawiam maly_elektronik
  • REKLAMA
  • #2 7956529
    Dżyszla
    Poziom 42  
    Posty: 7077
    Pomógł: 1095
    Ocena: 226
    Podejrzewam, że musiałbyś ustawić ten powtarzający się na jednym elemencie, a następnie przykryć całość warstwą i ustawić ten drugi.
  • REKLAMA
  • #3 7956672
    arnoldziq
    VIP Zasłużony dla elektroda
    Posty: 5376
    Pomógł: 789
    Ocena: 300
    Jeżeli nie chcesz strony dzielić na dwa osobne DIV-y, to zawsze możesz spróbować takiej definicji DIV-a.
    div.test {
    	background-image: url(/images/tlo1.jpg), url(/images/tlo2.jpg);
    	background-repeat: repeat-y;
    	background-position: top left, top right;
    	width: 385px;
    	height: 100px;
    	border: 1px solid #000000;
    }

    Pokombinuj trochę z obrazkami. I z powtarzaniem ich.
    Jeżeli jest to jakiś powtarzający się motyw, to może jest sens scalić dwa obrazki w jeden i w ten sposób "oszukać" trochę.
  • REKLAMA
  • #5 7958246
    maly_elektronik
    Poziom 23  
    Posty: 777
    Pomógł: 35
    Ocena: 5
    Niestety musi to być CSS 2.1 :) Nie warto projektowac witryny na "starych" standardach :)
    Ma ktoś jeszcze jakieś sugestie :?:
REKLAMA