[Rodez]

Chciałbym zrobić półprzeźroczyste pole tekstowe, przez które prześwitywało by trochę tło całej strony. Najlepiej jeśli było by to kodem, ale może być też grafika.

Próbowałem już tym sposobem, ale on nadaje przeźroczystości i tłu, i czcionce.

Kod:

div.classname {
-moz-opacity : 0.5;
opacity : 0.5;
filter : alpha(opacity=50);
}

Próbowałem też zrobić to graficznie (zmniejszenie krycia warstwy), ale .gif i .png wyświetlają mi komunikat, że  nie obsługują krycia warstw. Jeśli da się, to prosiłbym o kod, którym mogę to zrobić, ale metodę graficzną, która zadziała.

EDIT. Rozwiązałem problem. Ale jeśli da się to zrobić jakimś kodem, to proszę śmiało pisać.

[Qba_]

PNG nie obsługuje krycia warstw ?

[Adamos]

http://www.w3schools.com/Css/css_image_transparency.asp
Tak trudno poszukać? Tam wszystko ładnie jest napisane.

[Rodez]

PNG nie obsługuje krycia warstw ?

Jeśli jest tylko jedna warstwa, ustawiona np. na 50%, to nie obsłuży... trzeba zrobić tę co ma 50% krycia + przeźroczystą która ma 100% krycia, wtedy połączyć, i dopiero zapisać. Wtedy będzie dobrze.

http://www.w3schools.com/Css/css_image_transparency.asp
Tak trudno poszukać? Tam wszystko ładnie jest napisane.

Tak trudno jest przeczytać? :

Próbowałem już tym sposobem, ale on nadaje przeźroczystości i tłu, i czcionce.

Kod:

div.classname {
-moz-opacity : 0.5;
opacity : 0.5;
filter : alpha(opacity=50);
}

[Qba_]

A to, co jest w 3 punkcie też próbowałeś?

[Rodez]

To działa na tych samych atrybutach co ja podałem... w tym 3 przykładzie, jeśli dobrze się przyglądniesz, to zobaczysz że tekst też jest półprzeźroczysty i przebijają przez niego kwiaty...

[Adamos]

Eeee.. przecież tam tekst nie jest przezroczysty. I to chyba ty masz problemy z czytaniem.

div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }

Czy tego fragmentu przypadkiem nie pominąłeś?

[Skwarek]

Spróbuj rgba

[marecki_]

Spróbuj rgba

Z tym nie poradzi sobie IE, dlatego trzeba dać dodatkowe filtry specjalnie dla niego:

div {
   background:transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AARRGGBB,endColorstr=#AARRGGBB);
}