Тема, основанная на Bootstrap, сломана в IE10

Question

http://metagraf.github.io хорошо себя ведет во всех проверенных браузерах, пока не появился IE10. Верхнее меню накладывается на всю страницу при просмотре в IE10. Снимок экрана, как выглядит страница в IE10: https://dl.dropboxusercontent.com/u/2897577/ie10.png Любые идеи о том, как исправить это?

считает Oskar

Answer 1

Так что, когда я запускаю сайт о котором идет речь в IE 10, да, действительно, главное меню будет выглядеть багги в IE 10.

Непосредственным источником проблемы является корзины в img Navbar.

Если вы попали F12 и использовать панель инструментов разработчика в IE, а затем, если вы установите width свойство img от auto просто быть не-проверено (так не что auto больше не значение, сайт все внезапных выглядит . нормальное

Копаем глубже в проблему, вот css установка для img в загрузчике:

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

Ok, так что в мире есть width: auto\9?Ну, похоже, это IE хак, но хак, который не относится к IE 10.

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

Так как быстро исправить, я полагаю, одна вещь, которую вы мог бы сделать, чтобы установить обычай css имущество на img в navbar, что точно о ширине img.