Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne]Rozszerzony opis obrazka
Forum PHP.pl > Forum > Przedszkole
MagicianVH
Chciałbym uzyskać efekt podobny do tego:

tj. po najechaniu na obrazek, wyświetli mi się półprzezroczysty "box" z opisem. Jak uzyskać taki efekt?
Shili
Istnieją 2 popularne sposoby:

1) CSS3 i rgba (jako background)
2) Półprzezroczysty .png jako background

Resztę znajdziesz bez problemu w Google.
wNogachSpisz
a combo opacity i filter:alpha nie wystarczy?
w jQuery masz to pod funkcją css('opacity', 0 - 1)
Shili
Opacity nie wystarczy. Zrobi polprzezroczystym rowniez tekst, a tego nalezy w tym przypadku uniknac. Nie ma sie tez co bawic z dodatkowymi kontenerami i pozycjonowaniem relatywno-absolutnym, zeby wsjo smigalo, jak sa prostsze rozwiazania.
MagicianVH
Użyłem qTipa, żeby uzyskać efekt przezroczystości, przy zachowaniu normalnego tekstu:

Kod
background: rgba(0, 0, 0, 0.5);
filter: alpha(opacity=50);


oraz na tekst
Kod
<p style="color: red"></p>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.