0

Я использую хром и Firefox. Мне нравится хром и Firefox. Я просто подумал проверить, как мой сайт выглядит в IE8, и результаты действительно ужасающие. Я не могу перемещаться, он не делает вращения должным образом, и все это испорчено.Просто заметил, как полностью Björked мой сайт выглядит, когда отображается в IE. Идеи?

Есть ли у кого-нибудь идеи? Моя единственная мысль на данный момент - сделать полный редизайн, который будет использоваться для IE.

My sad, IE-broken website

+0

Я вижу, у вас есть GA? Какая у вас доля IE8? –

ответ

1

Нет, не перенаправляйте - все не потеряно. Вы все еще можете попытаться спасти ситуацию.

Основная проблема с сайтом - использование CSS3 2D Transformations, которое не поддерживается во всех версиях IE (IE9 должен его поддерживать, но ваш сайт может не использовать правильный синтаксис).

Чтобы исправить это, вы можете сделать несколько действий. Я возьму вас через шаги, я обычно беру:

  1. Поскольку 2D преобразование является относительно новой частью спецификации, было бы целесообразно придерживаться старых методов ведения дел на данный момент. Самый очевидный метод - использовать изображения, наклонные вместо привязок, которые наклонены с помощью CSS.

  2. Если вышеуказанное решение по какой-либо причине нежелательно (слишком большая работа, слишком большая область с изображениями и т. Д.), Вы всегда можете использовать резервные копии (отображающие навигацию и логотип традиционным горизонтальным образом) для браузеров, которые не поддерживают двумерные преобразования. Вы можете легко обнаружить возможности браузера с помощью скрипта, например Modernizr. Сделайте это до, указав конкретную таблицу стилей IE, потому что могут быть другие браузеры, которые не поддерживают преобразование.

  3. Разверните специальное решение для IE, как правило, с помощью conditional comments. В этом случае вы можете использовать IE filter matrix transformation для подключения разрыва или развернуть вышеупомянутый резервный скрипт для IE9 и ниже.

+0

Это чертовски полезно! Я, вероятно, поеду с наклонными изображениями, поскольку это выглядит как самое простое решение, и ни один из наклонного текста не связан. – WednesdayWolf

+0

Единственное, что я не могу понять сейчас, это то, что фоновое изображение парит над ссылками в ie. Гектометр Это конкретная таблица стилей. – WednesdayWolf