Witam. Mam taki problem: tworzę sobie stronkę, na której główna część jest półprzeźroczysta (opacity:.8 i filter:alpha(opacity=80) ), i w niej chcę wstawić od czasu do czasu zdjęcia. No i tu się pojawia problem: zdjęcia też są przeźroczyste, więc mieszają się z tłem. A to delikatnie powiedziawszy wygląda beznadziejnie.
Stąd moje pytanie: jak ominąć w tagu img dziedziczenie opacity? Próbowałem tak:
img
{
opacity: 1;
}
Nie działa
img
{
opacity: 1.25;
}
(1.25*0.8=1) Nie działa.
Jakieś pomysły?
Dopisane:
Drugi mój problem również dotyczący obrazków. Mam div'a o określonej szerokości i w nim obrazki. Jednak czasami zdarza się, że obrazki "wystają" poza div'a. W Mozilli objawia się to wystawaniem poza obszar, zaś w IE - rozwalaniem całej strony i rozciąganiem tego div'a. W Mozilli problem dało się rozwiązać w banalny sposób - max-width: 100% i w razie, gdy obrazek jest za duży, jest on odpowiednio skalowany. Jednak jak wszyscy wiedzą atrybut max-width nie spełnia swej roli w IE. Ma ktoś jakiś pomysł jak to rozwiazać?