Forum PHP.pl > [CSS] 2x background i background-size

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] 2x background i background-size

st1ik

21.02.2013, 19:49:54

Witam.
Potrzebuje zrobić dwa odzienle background tak abym każdy mógł pozycjonować odzielnie. Wykonałem to w ten sposób - i niby wszystko działa:

[CSS] pobierz, plaintext 
background: url(1.png) repeat-x, url(2.png) top no-repeat; 
[CSS] pobierz, plaintext

Chciał bym teraz aby 2.png wyświetlał mi się zawsze w całości czyli background-size: 100%;

Niestety mam problemy wmontować to we wcześniejszą linijkę tak aby działało. Czy ktoś mógł by mi pomóc jak dopisać background-size: 100% do drugiego obrazka ?

krzysiekk

21.02.2013, 22:08:30

przyjacielu przecież ten zapis

[CSS] pobierz, plaintext 
background: url(1.png) repeat-x, url(2.png) top no-repeat; 
[CSS] pobierz, plaintext

w ogóle sie nie trzyna w standardzie CSS W3C

http://jigsaw.w3.org/css-validator/validator

napisz co chcesz dokładnie osiągnąć , nałożenia dwóch obrazów

st1ik

21.02.2013, 22:13:54

dokładnie, nalożenie 2 obrazów. Jeden ma być background-size: 100% z no-repeat a drugi tylko z repeat-x.

krzysiekk

21.02.2013, 22:37:56

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
#a {width:100%;height:100%;padding-bottom:100px;background:transparent url(bbb.jpg)repeat-x top center;overflow:hidden;}
#a #b {width:500px;height:200px;background:transparent url(bbb.jpg)no-repeat top center;}
 
  </style>
 </head>
 
 <body>
 
 
  <div id="a">
	  <div id="b"> </div>
  </div>
 
 </body>
</html>
[HTML] pobierz, plaintext

o coś takiego Ci chodzi ?

st1ik

21.02.2013, 23:08:15

Dokładnie tak, choć chciałem uniknąć dwóch div'ów.
Niemnijej jednak działa jak należy. Wciskam pomógł

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.