PDA

Zobacz pełną wersję : opacity diva ale bez wyplywu na obrazki - jak?



czesuav
27-09-2011, 18:46
Witam,

Uzyłem już wspomnianego wczesniej siteground clean style.
Wszystko fajnie, wszystko swietnie.
Zmodyfikowalem sobie plik blog_item.php dodajac diva wewnatrz item column-1

Genralnie wszystko w przegladarce wygląda tak:


<div class="blog"><div class="items-row cols-1 row-0">
<img class="twisty " role="presentation"><div class="item column-1">
<img src="obrazek_pierwszy" style="float:right; i marginy">

<img class="twisty " role="presentation"><div style="border:solid pink 5px;background:white;opacity:0.5;min-height: 200px;">
w tym divie , wewnatrz obrzaek_dwa i tekst


<span class="row-separator"></span>


</div>

<img class="twisty " role="presentation"><div class="items-row cols-1 row-1">


</div>


</div>
<div class="clr"></div>

</div>
Problem mój polega na tym, że zastosownie przeźroczystości diva z obrzkiem_dwa wpływa także na obrazek i tekst.
Chciałbym wyłączyć to odgórnie, zarówno dla tekstu jak i obrazków, zeby bylo to wyrazne, probowalem juz z-index, dopisywanie w szablonie css wlasciwosci dla img( tu akurat poddałem sie na chwile, walczylem tylko z obrazkiem), nic nie pomagalo. Recznie w firebugu zmienialem takze wlasciwosci samego obrazka. Takze bez efektu :(

Co zrobić, żeby to raz zdefiniować i nie mieć problemu?


Nie wiem juz czego probowac, mam nadzieje ze to jakis popularny problem jest, i duzo osob zna odpowiezd...

pozdrowienia

a_m
27-09-2011, 19:21
przeźroczystość jest niestety dziedzicznona; przypisz jako tło elementu plik *png z jakąś przeźroczystością lub zainteresuj się css3 a konkretnie "paletą" kolorów rgba

czesuav
27-09-2011, 19:34
@a_m

Dziękuję za odpoiwedź :)


przypisz jako tło elementu plik *png z jakąś przeźroczystością

niee, no to już sobie na sam koniec zostawiłem, jako zupełną ostateczność... Dużo grafik tutaj strasznie...

zainteresuj się css3 a konkretnie "paletą" kolorów rgba
Czy to to co się podaje np background: 255, 255, 255, 0.6 ?
tam gdzie 255 to kolor w rgb, 0.6 to opacity..

a_m
27-09-2011, 19:52
background: rgba(0, 0, 0, 0.2) ale nie wszystkie przeglądarki wspierają tę technikę, no i trzeba je wtedy czymś innym poczęstować

czesuav
27-09-2011, 19:54
o, dziękuję, nocka zaraz, poprobóję.
A w którym divie sugferowałbyś to wrzucać? W tym ze zdjęciami i treścią?

a_m
27-09-2011, 19:55
nie wiem ;>, nie widzę Twojej strony

czesuav
27-09-2011, 20:19
hmmm, fragment kodu podałem, miałem nadzieje, że wystarczy.
ja to na vurtualu robię. A wogóle tak teraz patrzę, jest jakiś konkretny powód generowania tej przezroczystosci z czerni, czy mam sobie wpisać co chcę, bo to tylko przykład?

a_m
27-09-2011, 20:52
tylko przykład; dowolne wartości rgb sobie możesz wpisać

czesuav
02-10-2011, 22:56
ale nie wszystkie przeglądarki wspierają tę technikę, no i trzeba je wtedy czymś innym poczęstować

dopiero teraz udało mi się z tym powalczyc, dziala, baaaaaaardzo dziękuję za pomoc.
Generalnie czad, nawet IE9 [najaktualniejsze chyba] nie stwarza problemów. Tzn tylko szablon niedomaga, ale podany sposób działa poprawnie.

Dziękuję !