Motyw oparty na Bootstrap przełamany w IE10

Question

http://metagraf.github.io zachowywał się dobrze we wszystkich testowanych przeglądarkach, dopóki nie pojawił się IE10. Górne menu nakłada się na całą stronę podczas przeglądania w IE10. Zrzut ekranu przedstawiający wygląd strony w IE10 można obejrzeć tutaj: https://dl.dropboxusercontent.com/u/2897577/ie10.png Wszelkie pomysły na rozwiązanie tego problemu?

chodzi Oskar

Answer 1

Więc kiedy uruchomić w danym miejscu w IE 10, tak rzeczywiście, top menu wygląda buggy w IE 10.

Bezpośrednim źródłem problemu jest img w navbar.

Jeśli trafisz F12 i użyć paska narzędzi IE Developer, a następnie, jeśli ustawić właściwość imgwidth z auto aby po prostu un-zaznaczone (tak, że auto nie jest wartością, w miejscu wszystkich nagłych spojrzeń . normalny

Kopiąc głębiej w problem, tu jest ustawienie css dla img w bootstrap:

img { 
    width: auto\9; 
    height: auto; 
    max-width: 100%; 
    vertical-align: middle; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
} 

Ok, więc co w świecie jest width: auto\9?Cóż, wygląda na to, że jest to IE hack, hack, ale to nie ma zastosowania do IE 10.

1. CSS \9 in width property
2. http://www.paulirish.com/2009/browser-specific-css-hacks/

Więc jak szybko naprawić, pewnie jedna rzecz może to być ustawienie niestandardowej właściwości css dla img w navbar, która jest dokładna na temat szerokości img.