[css] Przeźroczystość DIV'a?, Jest możliowosć ustawienia przeźroczystości danego elementu np na 50&a Opcje

[kukix]

Witam.
Mam taki mały problem...

Jest możliwosć ustawienia np tła tabelki albo całego DIV'a na 50% przeźroczystości...?
Prosze o naprowadzenie, albo jakiś link...

Szukałem w goglu i na różnbych forach... jednak nie wiem, o co pytać...(transparent, alpha, ... ?)

[koobs]

[HTML] pobierz, plaintext 
style="filter: alpha(opacity=50); -moz-opacity: 0.5;"
[HTML] pobierz, plaintext 

nie dziala* na operze

nie wiem jak na operze 9.*

Ten post edytował koobs 23.07.2006, 22:04:46

[.radex]

na operze 9 także nie działa ( test na Opera 9.01)

[Zajec]

Na Operze 9 zadziała, jeśli użyjecie normalnej, poprawnej definicji.

Kod

style="filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;"

[mariuszn3]

Żeby nie co rozjaśnić:
opacity -> zgodne ze specyfikacją, działa w ostatnich firefox'ach i opera 9
-moz-opacity -> tylko mozilla i firefox (zanim zaczeli wspierać właściwe opacity)
filter: alpha(opacity) -> internet explorer

[Zajec]

opacity -> zgodne ze specyfikacją, działa w ostatnich firefox'ach i opera 9

O, miło mi to wiedzieć.

Wiesz może, od której wersji Firefox łyka taką "prawdziwą" deklarację opacity?

[kukix]

Wszystko fajnie, ale jest jedno ale...

Ustawiłem przeźroczystość DIVA... no i nie zrobił się przeźroczysty, ale jasniejszy....

Wstawiłem na stronke system menu ze strony http://um.warszawa.pl/ (chodzi o te wysuwające sie menu) ... ustawiłem przeźroczystość wyskakującego menu.. no i rozjasnił sie kolor i tyle...

Wg Moich domyśleń DIV jest na białym tle i dlatego kolor sie rozjaśnia... natomiast później skrypt JavaScript przesuwa jego położenie... Jak to można obejsć...? Jest na to jakiśsposób, żeby wyskskujące menu było "lekko" przeźroczyste...?

[erix]

Ustaw opacity/tło tylko dla wierszy z pozycjami menu; dla całego - nie.

[sowiq]

Sorry za odswieżanie tematu..

Ale gnębi mnie cos, z czym nie moge sobie poradzic :/ Da sie zrobic tak, zeby tlo tabeli/div'a bylo na opacity=50%, ale zawartosc (np. text, obrazki) juz nie? Chodzi mi o to, ze chce mieć text/obrazki na opacity 100%, ale tlo pod nimi na 50%.

Sa na to jakies sposoby? ;>

[mariuszn3]

Sorry za odswieżanie tematu..

Ale gnębi mnie cos, z czym nie moge sobie poradzic :/ Da sie zrobic tak, zeby tlo tabeli/div'a bylo na opacity=50%, ale zawartosc (np. text, obrazki) juz nie? Chodzi mi o to, ze chce mieć text/obrazki na opacity 100%, ale tlo pod nimi na 50%.

Sa na to jakies sposoby? ;>

obraz PNG

[sowiq]

A to nieszczesne IE? ;/ Znalazlem cos takiego:

<table height="200" width="200" bgcolor="#FFFFFF" style="filter: alpha (opacity=50);">
<tr>
<td><span style="position: relative;"><b>Hello There</b></td>
</tr>
</table>

ale to z kolei działa tylko pod IE...



edit:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop');

(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował sowiq 14.12.2006, 19:42:38

[mariuszn3]

Przecież jest łatwy sposób aby wyświetlać obrazki PNG z przezroczystością pod IE.

[Cysiaczek]

@Sowiq - da się, ale wymaga to akrobacji z warstwami. Po prostu musisz ustawić tak warstwę z tekstem, aby była wyżej w hierarchii niż warstwa tła (z-index przy position: absolute). Krócej - warstwa z tekstem nie może być fizycznie zawarta w warstwie z tłem.

Pozdrawiam.

[mariuszn3]

jakie kombinacje.. jakie akrobacje.. po prostu zastosuj obraz PNG jako tło i po sprawie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[sowiq]

jakie kombinacje.. jakie akrobacje.. po prostu zastosuj obraz PNG jako tło i po sprawie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Tak, po sprawie, ale pod warunkiem, ze dodasz:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop');

, bo IE ma problemy z obsluga PNG.

Dzięki chlopaki za pomoc! (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[Zajec]

Wie ktoś czy istnieje jakikolwiek trick na przypisanie divowi opacity, które zadziała pod IE7?

[mariuszn3]

Wie ktoś czy istnieje jakikolwiek trick na przypisanie divowi opacity, które zadziała pod IE7?

Ten sam trick co pod IE6

[kwiateusz]

Ten sam trick co pod IE6

A testowałeś to ?
Bo mi sie zdaje ze gdzieś czytałem że w IE7 zrezygnowali z filtrów

[mariuszn3]

A testowałeś to ?
Bo mi sie zdaje ze gdzieś czytałem że w IE7 zrezygnowali z filtrów

Mi się wydaje, że Ty powinieneś pierw przetestować zanim napiszesz takiego posta ;-)


_________
Swoimi odpowiedziami wnieś coś do wątku.
ActivePlayer

[ano]

filter: alpha(opacity=20); działa poprawnie pod IE7 (testowałem).