x-kom hosting

Przeźroczystość obrazów tła

RobertoGato
utworzono
utworzono

Witam,:)

Mam problem ponieważ nie bardzo wiem jak stworzyć półprzeźroczysty obraz tła na stronie internetowej.Dokładniej chodzi mi o to aby kolorowy obrazek stał się półprzeźroczysty dla białego tła strony.Jak zatem to zrobić np.w Gimpie?

Pozdrawiam i z góry szczerze dziękuję za okazaną pomoc!

tidzu
komentarz
komentarz

Pół przezroczysty, czyli taki, który ma 50% przezroczystości, czy posiada przezroczyste tło, albo ma elementy półprzezroczyste, przezroczyste, oraz pełne kolory.
Co do pierwszego: wystarczy to dodać do kodu css obrazka:

[code]
filter:alpha(opacity=50); /* dla IE */
opacity: 0.5; /* dla OPERY */
-moz-opacity:0.5; /* dla FIREFOX'A */
[/code]
Do drugiego (coś na przezroczystym tle):
Zapisujesz do gif.
Do trzeciego (ew. drugiego) - zapisujesz do png, a żeby działało we wszystkich przeglądarkach dodajesz skrypt js: 'png hack' (poszukaj w google.

Lucider
komentarz
komentarz

[quote name='Tidzu' timestamp='1290260592' post='1125628']
[code]
filter:alpha(opacity=50); /* dla IE */
opacity: 0.5; /* dla OPERY */
-moz-opacity:0.5; /* dla FIREFOX'A */
[/code]
[/quote]

Nie wiem czy dałoby radę zrobić to bardziej okrężny sposób.

Poczytaj o tym jak się robi gradient:
http://www.gim1polkowice.wroc.pl/gimp/wlasny_gradient.html
(chociaż jest to na tyle intuicyjne, że gdybyś się pobawił trochę gimpem to sam byś wszystko wyczaił)

Zrób gradient z jednej strony biały, a z drugiej przezroczysty i nałóż go na obrazek.

  • 1 miesiąc później...
dream.
komentarz
komentarz

Wystarczy zapisać dany obrazek (po ustawieniu opcji przezroczystości) w png.

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.