Renderowanie przezroczystego png IE8 jest FUBARed na mojej stronie

Question

Właśnie pobrałem pełną wersję IE8, aby przetestować utworzoną właśnie witrynę. [Przykład usunięty]

Skup się na lewym obrazie tła paska bocznego. Przypuszczalnie ma to być półprzezroczysty obraz półprzezroczysty 1x1, który się powtarza. IE8 renderuje to jako gradient !!! Robi się jeszcze bardziej niebezpieczny, gdy próbujesz przewinąć okno lub mysz nad pasek boczny.

Już testowałem tę stronę w normalnych przeglądarkach (IE7, Firefox i Chrome). Wygląda dokładnie tak, jak to zaprojektowałem. IE8 jest jednak FUBARed. Próbowałem ustawić IE8 na tryb "IE7", ale nadal wygląda na brzydko. IE 8 w trybie IE7 oczywiście nie renderuje w ten sam sposób, co prawdziwy IE7. Nawet "metatag IE7" nie działa.

Czy ktoś jeszcze miał takie problemy? Myślałem, że IE8 ma być ulepszeniem, a nie krokiem wstecz.

P.S. Proszę wybaczyć nieczytelnym znacznikom na tej stronie. Użyłem funkcji "Zapisz całą stronę" IE.

Answer 1

Może to być błąd renderowania w IE8 lub może to być funkcja wygładzania krawędzi powtarzających się obrazów, która daje nieoczekiwany rezultat. Tak czy inaczej nie jest zaskakujące, że masz problemy z używaniem tak małego obrazu. Czy zdajesz sobie sprawę, że przeglądarka musi narysować obraz 190152 razy, aby wyrenderować stronę?

Używam półprzezroczystego png o wymiarach 10x10 jako tła dla elementu div na stronie, a renderowanie jest w porządku w IE8.

Answer 2

Może chcesz sprawdzić this post.

Answer 3

Naprawiłem błąd i nie jest to problem gamma, o którym wspomina inny wpis. Mój problem wynikał z faktu, że obraz ma rozmiar 1 x 1 piksel. Właśnie zmieniłem go na 1x2 i naprawiłem problem. Dziwne

[edytuj] Po prostu zobaczyłem post Guffa po tym, jak go o to poprosiłem. Zobacz jego odpowiedź.

Answer 4

Miałem podobny problem z witryną, którą buduję. Problem pojawił się tylko na 50% maszyn, na których był testowany, budowałem go dla firmy IT, więc miałem dostęp do wielu komputerów. Byliśmy w stanie "naprawić" problem poprzez przełączanie akceleracji sprzętowej na problematycznych komputerach, a nie to wcale naprawę.

Answer 5

Dziękuję za pomoc w tej sprawie - co za dziwny błąd.

Wystąpił również problem na 50% komputerów z IE8 (miał dostęp do wielu maszyn). Kiedy miałem półprzezroczysty png 1x1px jako obraz tła na div z CSS, IE renderowałoby to jako funky pionowy, przezroczysty gradient.

Zmiana obrazu źródłowego na 5x5 piksele z tego samego krycia naprawiła błąd ... IE!

Answer 6

Problem był mój pierwotny png był 1 x 1, a dla jakiegoś powodu IE8 został nie podoba, że ​​stara się płytki i obsługi przezroczystości alfa w samym czasie. Kiedy przypadkowo zapisałem , ten obraz z dużo większą kopią I miał w moim schowku, 100 × 100, zakończył się naprawianiem jakiegokolwiek problemu Internet Explorer miał z przetwarzaniem przezroczystości png.

Source