[CSS] Przezroczysty, zaokrąglony DIV Opcje

[janekpogwad]

Witam!

Mam pytanie. Chciałbym zrobić takiego div'a, który byłby półprzezroczysty, ale tylko tło (litery, formluarze, przyciski nie) oraz żeby jego rogi, były nieco zaokrąglone. Nie chce, żeby był oparty od obrazki. Coś podobnego jest w kokpicie BLIP. Może wiecie jak to zrobić?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Pozdr.

[deeper]

Ja to robie tak:

[HTML] pobierz, plaintext 
<div class="box">
  <div class="tlo"></div>
  <div class="tresc">Tresc ... formularz, przyciski</div>
</div>
[HTML] pobierz, plaintext 

a style:

[HTML] pobierz, plaintext 
.box {
  position: relative;
}
.tlo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #000; 
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
}
.tresc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
[HTML] pobierz, plaintext 

Oczywiscie wszelkie rozmiary ustalamy po swojemu.
Caly myk polega na tym zeby umiescic 2 przygotowane divy 1 nad drugim (z-index),
przy czym temu pod spodem nadajemy przezroczystosc.
Uzyskujemy transparentne tlo i nietransparentna zawartosc.

Co do zaokraglania bez grafiki to nie wszystkie przegladarki to lykna wiec mozna sobie odpuscic.

Dodam ze wszystko co zostanie umieszczone w .tlo bedzie transparentne.

Ten post edytował deeper 29.01.2009, 14:48:17