Drukuj stronę - Półprzeźroczyste tło.

Tytuł: Półprzeźroczyste tło.
Wiadomość wysłana przez: Rodez on 07.04.2010, 11:40:50

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

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Qba_ on 07.04.2010, 13:30:37

PNG nie obsługuje krycia warstw ????

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Adamos on 07.04.2010, 13:37:10

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

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Rodez on 07.04.2010, 14:24:39

Cytat: Qba_ on 07.04.2010, 13:30:37

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.

Cytat: Adamos on 07.04.2010, 13:37:10

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

Tak trudno jest przeczytać? :

Cytat: Bocian on 07.04.2010, 11:40:50

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);
}

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Qba_ on 07.04.2010, 14:45:17

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

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Rodez on 07.04.2010, 15:20:02

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...

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Adamos on 07.04.2010, 15:27:52

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

Cytuj

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

Czy tego fragmentu przypadkiem nie pominąłeś?

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: Skwarek on 07.04.2010, 15:28:32

Spróbuj rgba (http://24ways.org/2009/working-with-rgba-colour)

Tytuł: Odp: Półprzeźroczyste tło.
Wiadomość wysłana przez: marecki_ on 09.05.2010, 12:12:16

Cytat: skwara96 on 07.04.2010, 15:28:32

Spróbuj rgba (http://24ways.org/2009/working-with-rgba-colour)

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

Cytuj

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

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Rodez on 07.04.2010, 11:40:50