ďťż
Podstrony
|
telcocafeHTML:<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 |
|||
Sitedesign by AltusUmbrae. |