Так что я знаю, что IE8 и ниже не нравится inline-block
, но я читал, что inline
должно привести к такому же поведению. Таким образом, я изменил скопировал мой main.css
в main-ie8below.css
и изменил все inline-block
на inline
. Для достижения этой цели я использую следующий код:IE8 и ниже встроенный блок CSS
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/media/css/main-ie8below.css" />
<![endif]-->
<!--[if gt IE 8]>
<link rel="stylesheet" type="text/css" href="/media/css/main.css" />
<![endif]-->
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="/media/css/main.css" />
<!--<![endif]-->
Однако, это не работает. Кажется, что мои утверждения if неверны. Это так, или я пропустил что-то еще?
Вот HMTL в вопросе (бесполезный материал удален):
<nav id="main_nav" role="navigation"><!--
<div><a href=""><img src="" /></a></div><!--
--><div><a href=""><img src="" /></a></div><!--
--><div><a href=""><img src="" /></a></div><!--
--><div><a href=""><img src="" /></a></div><!--
-->
Вот скрипку, но без изображений:
Когда я сталкиваюсь с обнаружением функций IE, я считаю, что лучшим подходом было бы придерживаться метода Boilerplate HTML5: ' ' и в вашем' main.css' добавить правило для. .lt-ie8 .my-inline-block-element {} ' – 321zeno
Что именно не работает? Снимок экрана или jsfiddle будет очень полезен. – Sean
Я подозреваю, что ваша проблема может заключаться в том, что добавление/поля не добавляются (они не работают с встроенными элементами). Я не знал о масштабировании для IE8 и ниже, хотя это может быть и вашей проблемой – Sean