Witam. Zauważyłem, że jeżeli w arkuszu stylów mam wpisanediv.jakasklasa {background: transparent url("plik.png");}
to przezroczystość działa w IE i Firefoxie a w Operze niestety nie, a przecież nie można nie wziąć pod uwagę całkiem sporej liczby osób korzystającej z Opery.
Jest na to jakieś rozwiązanie? Można zrobić żeby tło w divach było przezroczyste?
Jeżeli divowi nie ustawisz ani tła obrazkowego ani koloru to on będzie sam z siebie całkiem przeźroczysty.
Zrób sobie doświadczenie i jak masz diva z tłem w jakimś kolorze. Ustaw mu bordera jakiegoś na 5 px w oczojebnym kolorze i usuń wszystko co tyczy się tła.
Nie o to mi chodzi. Chodzi o to, że jako tło diva jest ustawiony taki obrazek:
Na obrazku rogi powinny być niewidoczne (kolor przezroczysty w obrazie .png)
Da się to jakoś zrobić, żeby w operze też działała przezroczystość w obrazach z rozszerzeniem .png?
Dokładniej można zobaczyć o co chodzi tutaj:
http://entropymine.com/jason/testbed/pngtrans/
To nieprawda, że Opera ma problemy z wyświetlaniem przezroczystości w PNG. Obsługuje to bez problemu. Sprawdziłem Twój obrazek i działa w Operze poprawnie. Strona testowa, którą linkowałeś, też działa poprawnie (wszystkie testy OK). Użyłem Opery 10.00, a potem 10.10 i w obu działa. Prawdopodobnie coś jest nie tak z Twoim testowaniem.
Jak tło css pod opere?
Ja ile razy takie coś robiłem, jak miałem obrazek png to przy stylach:
div.klasa {
background-image: url(sciezka.png);
backgroung-repeat: no-repeat;
}
Nie masz też jak widać żadnego nadania koloru tła. I Mając takie coś zawsze wyświetlało mi poprawnie.
Sprawdź czy np. Opera nie stwierdza że sobie z innej klasy albo czegoś innego będzie dziedziczyło kolor tła.
Albo wstaw sobie taki kod...
CSS (wkleiłem Twój i dodałem parę rzeczy dla testu):
#bg_outer { background: red; width: 220px; height: 30px; }
#bg_inner { background: transparent url(gorae.png); width: 220px; height: 30px; }
i HTML:
<div id="bg_outer">
<div id="bg_inner">
</div>
</div>
Teraz powinieneś widzieć czerwone tło w lewym i prawym górnym narożniku, czyli tam, gdzie obrazek jest przezroczysty. U mnie to działa i świadczy to o tym, że przezroczystość działa.
Ok ok zwracam honor Operze. Zrobiłem przykładowy obrazek w gimpie i teraz działa w firefoxie, ie i operze. Czyli pewnie div dziedziczy kolor tła po innym divie w którym się znajduje. Zaraz to ogarnę :)
Dzięki za pomoc [browar]