Forum PHP.pl

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ć?

Pozdr.

Nie da się. No chyba, żebyś pozycjonowaniem absolutnym nakładał jedną warstwę na drugą. Ale nigdy Ci się to nie uda, aby dziecko było nieprzezroczyste, a rodzic tak.

Zresztą, popatrz:

Podaj mi chociaż 1 powód dlaczego nie chcesz zastosować metody z wykorzystaniem obrazków?

Co do zaokrąglenia rogów bez użycia obrazków jest na to pewien parametr w CSSie ale oczywiscie IE, Opera tego nie rozpoznają. w FF wszystko gra. Zobacz:



Co do przeroczystości to takie coś:

W takiej klasie umieszcza np, obrazek który ma być pół przezroczysty, wszystko jest w procentach %

[HTML] pobierz, plaintext 
<div class="przeroczystosc"><img src="obrazek.jpg" alt="" width="" height="" /></div>
[HTML] pobierz, plaintext 

Ten post edytował debian 26.01.2009, 14:09:47

co do przeźroczystości IE może mieć problem.

przezroczystosc

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