Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] 2x background i background-size
st1ik
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 21.02.2013

Ostrzeżenie: (0%)
-----

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 
  1. 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 ?

Ten post edytował st1ik 21.02.2013, 19:51:26
Go to the top of the page
+Quote Post
krzysiekk
post
Post #2





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

Ostrzeżenie: (0%)
-----

przyjacielu przecież ten zapis 


[CSS] pobierz, plaintext 
  1. 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 questionmark.gif
Go to the top of the page
+Quote Post
st1ik
post
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 21.02.2013

Ostrzeżenie: (0%)
-----

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

Ten post edytował st1ik 21.02.2013, 22:14:26
Go to the top of the page
+Quote Post
krzysiekk
post
Post #4





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.   <style type="text/css">
  10. #a {width:100%;height:100%;padding-bottom:100px;background:transparent url(bbb.jpg)repeat-x top center;overflow:hidden;}
  11. #a #b {width:500px;height:200px;background:transparent url(bbb.jpg)no-repeat top center;}
  12.  
  13.   </style>
  14.  </head>
  15.  
  16.  <body>
  17.  
  18.  
  19.   <div id="a">
  20. 	  <div id="b"> </div>
  21.   </div>
  22.  
  23.  </body>
  24. </html>
[HTML] pobierz, plaintext


o coś takiego Ci chodzi ?
Go to the top of the page
+Quote Post
st1ik
post
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 21.02.2013

Ostrzeżenie: (0%)
-----

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

Ten post edytował st1ik 21.02.2013, 23:08:49
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 08:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn