Hej
Na tle strony mam zdjecie. Nad nim jest div z przezroczystoscia 50%, wiec
zdjecie troche przebija i jest ok.
Problem jest taki, ze na tym divie znajduje sie tekst i zdjecia i te zdjecia
tez sa przezroczyste (z powodu tego diva)
Da sie niewylaczajac przezroczosci tego diva wylaczyc przezroczystosc zdjec?

Div ma styl:
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;

lamer

do góry

Użytkownik "lamer" <l...@p...pl> napisał w wiadomości
news:gtsp7v$8kv$1@nemesis.news.neostrada.pl...
> Div ma styl:
> filter: alpha(opacity=50);
> -moz-opacity: 0.5;
> opacity: 0.5;

Strzelam:
divjakistam img {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}

Koncepcja taka, zeby img wewnatrz div nadac inne opacity:)


--
Pozdrawiam
Gabriel Zastawnik
http://www.monitoringkomputera.pl - Monitoring Komputera

do góry

>
> Koncepcja taka, zeby img wewnatrz div nadac inne opacity:)
>

nie działa. Przezroczystość jest zawsze dziedziczona, a właściwie jest
iloczynem przezroczystości zewnętrznego i wewnętrznego elementu, co jest
jakby logiczne. Jedyny sposób na uniknięcie tego efektu jest wyjęcie
elementu z przezroczystego diva i jakieś chytre spozycjonowanie (nie
zapomnając o z-indexie, oczywiście)

do góry

jakub tarczewski wrote:
> Przezroczystość jest zawsze dziedziczona

Jest dziedziczona tylko wtedy, gdy się ustawi opacity: inherit - oznacza
to, że element podrzędny jest jeszcze bardziej przezroczysty niż nadrzędny.

do góry

Użytkownik "jakub tarczewski" <anhin@o2_wytnijjakbyco.pl> napisał w
wiadomości news:gtu6mi$b17$1@inews.gazeta.pl...

> nie działa. Przezroczystość jest zawsze dziedziczona, a właściwie jest
> iloczynem przezroczystości zewnętrznego i wewnętrznego elementu, co jest
> jakby logiczne. Jedyny sposób na uniknięcie tego efektu jest wyjęcie
> elementu z przezroczystego diva i jakieś chytre spozycjonowanie (nie
> zapomnając o z-indexie, oczywiście)

Tak zrobiłem ("wyjąłem" diva) i działa.

lamer

do góry

> Jest dziedziczona tylko wtedy, gdy się ustawi opacity: inherit - oznacza
> to, że element podrzędny jest jeszcze bardziej przezroczysty niż nadrzędny.

no właśnie jakoś nie ;-) wystarczy sprawdzić. Zresztą może niepotrzebnie
użyłem określenia "dziedziczenie" które w tym kontekście znaczy co
innego i niepotrzebnie kojarzy się z "inheritance".

do góry

jakub tarczewski pisze:
> nie działa. Przezroczystość jest zawsze dziedziczona, a właściwie jest
> iloczynem przezroczystości zewnętrznego i wewnętrznego elementu, co jest
> jakby logiczne. Jedyny sposób na uniknięcie tego efektu jest wyjęcie
> elementu z przezroczystego diva i jakieś chytre spozycjonowanie (nie
> zapomnając o z-indexie, oczywiście)

Można też ustawić png z kanałem alpha jako tło dla tego diva.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

jakub tarczewski wrote:
>> Koncepcja taka, zeby img wewnatrz div nadac inne opacity:)
> nie działa. Przezroczystość jest zawsze dziedziczona, a właściwie jest
> iloczynem przezroczystości zewnętrznego i wewnętrznego elementu, co jest
> jakby logiczne. Jedyny sposób na uniknięcie tego efektu jest wyjęcie
> elementu z przezroczystego diva i jakieś chytre spozycjonowanie (nie
> zapomnając o z-indexie, oczywiście)

http://www.w3schools.com/Css/css_image_transparency.
asp

do góry

Użytkownik "Paweł Piskorz" <n...@p...nie?> napisał w wiadomości
news:gtv979$f1l$1@inews.gazeta.pl...
> jakub tarczewski pisze:
>> nie działa. Przezroczystość jest zawsze dziedziczona, a właściwie jest
>> iloczynem przezroczystości zewnętrznego i wewnętrznego elementu, co jest
>> jakby logiczne. Jedyny sposób na uniknięcie tego efektu jest wyjęcie
>> elementu z przezroczystego diva i jakieś chytre spozycjonowanie (nie
>> zapomnając o z-indexie, oczywiście)
>
> Można też ustawić png z kanałem alpha jako tło dla tego diva.

Można, ale wtedy trzeba hakować Misia.
Zrobiłem w ten deseń:
http://bitsamppixels.com/2008/02/11/cross-browser-tr
ansparent-columns/

lamer

do góry

On 7 Maj, 14:15, jakub tarczewski <anhin@o2_wytnijjakbyco.pl> wrote:
> > Jest dziedziczona tylko wtedy, gdy się ustawi opacity: inherit - oznacza
> > to, że element podrzędny jest jeszcze bardziej przezroczysty niż nadrzędny.
>
> no właśnie jakoś nie ;-) wystarczy sprawdzić. Zresztą może niepotrzebnie
> użyłem określenia "dziedziczenie" które w tym kontekście znaczy co
> innego i niepotrzebnie kojarzy się z "inheritance".

Ależ warstwy jak najbardziej dziedziczą przezroczystość, to podobnie
jak z wielkościami w procentach.
Jeśli masz taki układ:

<div id="div1" style="opacity:0.5">
<div id="div2" style="opacity:1.0">
</div>
</div>

to wówczas div2 będzie miał przezroczystość równą 100%
przezroczystości RODZICA (całkiem logicznie zresztą).

do góry