ďťż

[CSS] Tło wewnątrz zaokrąglonych rogów

       

Podstrony


telcocafe

HTML:<div id="main"> <div class="room" style="background: url(1/p1.png)"> </div> </div>CSS:#main { position: absolute; overflow: hidden; left: 8px; top: 8px; width: 570px; height: 380px; background-color: #DDDDDD; border: 1px solid #B1B1B1; border-radius: 5px; -moz-border-radius: 5px; } .room {display: none; height: 100%; overflow: hidden}
Warstwa o ID = `main` ma zaokrąglone rogi. Mimo że oba <div>-y mają własność overflow: hidden, tło wewnętrznego <div> z klasą `room` wychodzi poza zaokrąglone rogi. Testuję w FF 3.5. W Operze 9.6 zaokrąglanie nie działa.
Użytkownik Ferrari edytował ten post 08 sierpień 2009, 17:59


Co my Ci poradzimy? Chyba tylko to:.room {-moz-border-radius: 5px;} :biggrin:
Tak przy okazji, to CSS 3 nie jest jeszcze tak bardzo popularny ;)
Użytkownik andrzej_aa edytował ten post 08 sierpień 2009, 23:00
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.