[inne]Rozszerzony opis obrazka Opcje

[MagicianVH]

Chciałbym uzyskać efekt podobny do tego:
(IMG:http://i40.tinypic.com/25rmck9.jpg)
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)

Ten post edytował wNogachSpisz 15.12.2011, 00:24:22

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