Witam.

Chcę wykonać taki efekt: Mam lekko przezroczysty kontener, w którym umieszczam osobno sekcję, która też ma być trochę przezroczysta. Jest jeden problem. Oba divy mają mieć zaokrąglone rogi.

Znalazłem rozwiązanie, które umożliwia mi zaokrąglanie rogów w IE. W pliku styli do odpowiedniego diva dodaje właciwość


plik ie-css3.htc prezentuje się tak:
http://shortText.com/dwv7z2vdxih

Stosowanie tego wraz z własciwościami border-radius, opacity i filter daje porządany efekt tylko w głównym divie - kontenerze. Kiedy dam te same właściwości do drugiego diva, wszystko działa jak należy we wszystkich przeglądarkach oprócz microsoftowego IE. W IE div dodatkowy nie jest w ogóle przezroczysty, przyjmuje tylko kolor swojego tła. Ma jednak zaokrąglone rogi. Co ciekawe, kiedy usunę właściwość behaviour, div staje się przezroczysty, tak jak jest w moim zamierzeniu, ale jego rogi nie są zaokrąglone.

Znajdując sposób na border-radius w IE, przekonałem się, że możliwości webdeveloperów są prawie nieograniczone. Liczę na was i tym razem!

Jeśli nie napisałem wszystkiego, pytajcie.

daj dla kontenera
opacity: 0.9;
filter: alpha(opacity=90);

kontener ma już określoną przezroczystość. Z kontenerem wydaje się być wszytko okej. Działa nawet w IE. Problem jest z divem znajdującym się w tym kontenerze. To on, mimo nadanych właściwości identycznych jak w kontenerze, nie jest wyświetlany w Internet Explorerze jako przezroczysty.

Dodam może screena, żeby było to bardziej klarowne.
Tak wygląda teraz w IE:
http://zapodaj.net/32d200bf056b.jpg.html
A tak wygląda w innych przeglądarkach i taki jest cel. Tak ma być też w IE:
http://zapodaj.net/c4215e62a96a.jpg.html