Komentarze do: krótko: css opacity – przezroczystość elementu (javascript, jquery)

Autor: Bsky

Bsky — Thu, 02 Feb 2012 16:27:36 +0000

p.s. dałem znaczniki tutaj od divowo ale je przetrawił formularz

Autor: Bsky

Bsky — Thu, 02 Feb 2012 16:26:40 +0000

tak na dobrą sprawę to są moje początki z jQuery.

$(‘.back8′).hover(function(){
$(this).css(‘opacity’, 1);
},function(){
$(this).css(‘opacity’, 0.5);
});
mam coś takiego i niestety nie widzę efektu nic.

Proszę o pomoc

Autor: niefajny_nick

niefajny_nick — Thu, 28 Apr 2011 10:04:17 +0000

„a jak rozwiązać problem, gdzie div ma przezroczystość, a w nim jest inny div, który przezroczystości mieć nie powinien?” – fakt, „nie da się”. Przeźroczystość nawet nie jest tyle dziedziczona co wynika to z logicznego stanu rzeczy: skoro ja jestem w 0.5 przeźroczysty, to moje dzieci też będą widoczne w maks 50% (mając opacity na 1). Jeśli rodzic ma opacity 0.5 i dziecko też 0.5 – to wynik będzie taki że dziecko będzie widoczne w 0.25

Jest jednen trick który umożliwia rozwiązanie tego problemu – zamiast opacity użyj (pół)przeźroczystego PNG jako tło (choćby 1px x 1px) – i problem znika ;)

Autor: Mateusz Żeromski

Mateusz Żeromski — Tue, 12 Apr 2011 12:48:36 +0000

Hej

Niestety nie da się tak, ewentualnie mozna wrzucic iframe – wtedy ona nie dziedziczy juz przezroczystości. Tak jest zrobione np na FaceBook, no ale nie jest to dobre rozwiązania.

Może trzeba by poszukać rozwiazania w html5, canvas itp.

pzdr.

Autor: fajne_loginy_sa_juz_zajete

fajne_loginy_sa_juz_zajete — Tue, 12 Apr 2011 12:02:24 +0000

a jak rozwiązać problem, gdzie div ma przezroczystość, a w nim jest inny div, który przezroczystości mieć nie powinien?
wstawiłem w div nadrzędny opacity:0.5 a w ten, który jest w nim opacity:1, ale nic to nie daje: przezroczystość dziedziczy się podrzędnym.

Autor: RofsRowlesopy

RofsRowlesopy — Sat, 09 Apr 2011 08:09:08 +0000

Free Credit Report

Autor: Mateusz Żeromski

Mateusz Żeromski — Mon, 01 Jun 2009 12:37:02 +0000

hmmmm, ciekawy problem ;)
U mnie to rozwiązanie działa tak jak powinno.

Zamień miejscami 0.5 z 1 i będzie ok :)

Autor: klisiu

klisiu — Mon, 01 Jun 2009 10:48:13 +0000

Wykorzystałem sposób, który tutaj przedstawiłeś i zauważyłem, że jednak jest mały problem. Na starcie masz obrazek z opacity 1, dopiero po najechaniu kursorem na obrazek załapuje on, że JS nakazuje mu mieć opacity = 0.5. Any ideas?

Autor: snipe

snipe — Fri, 20 Mar 2009 10:58:04 +0000

a a Prototype robimy to jak napisane na stronie: http://www.prototypejs.org/api/element/setOpacity :)