IE8 до того, как контент не отображается

Вот ссылка на страницу с нарушением: http://www.wrightspecialty.com/brokers-agents-questionnaire.html?view=foxcontact.

Есть ограничение на конструктор форм, который я использую. Невозможно вставить текст, если это не метка для текстового поля, ввода и т. Д. IE9, Firefox, Safari и Chrome отображаются правильно. IE7 не имеет поддержки, а IE8 ограничен.

Итак, я пытаюсь вставить копию, используя псевдоселектор: before. Для IE8 и ниже я использую JavaScript от Google. Это работает для IE7, а не для IE8

    <!--[if lt IE 9]>
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> 
    <![endif]-->

И я нацелен на каждый элемент в css как таковой:

    .foxcontainer_brokers div:nth-child(11):before, .foxcontainer_brokers div:nth-child(14):before, .foxcontainer_brokers div:nth-child(17):before, .foxcontainer_brokers div:nth-child(20):before, .foxcontainer_brokers div:nth-child(23):before, .foxcontainer_brokers div:nth-child(23):before, .foxcontainer_brokers div:nth-child(26):before, .foxcontainer_brokers div:nth-child(29):before {
        float: left;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 3px;
        width: 100%;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .foxcontainer_brokers div:nth-child(11):before {
        content: "Schools 8211 - Elementary and Secondary Schools";
    }

    etc...

У кого-нибудь есть мысли? Заранее спасибо.


javascript css pseudo-element internet-explorer-8
person Dave Rottino    schedule 09.10.2012    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Проблема не в вашем псевдоэлементе :before, который IE8 поддерживает. Это с вашим :nth-child() псевдоклассом ... и вашим ::before псевдоэлементом с двойными двоеточиями, которые IE8 не поддерживает.

Если скрипт IE9 по какой-то причине не работает, возможно, вам стоит попробовать что-то вроде Selectivizr + выбранную вами библиотеку селекторов (например, jQuery). Вам также следует избегать двойных двоеточий для псевдоэлементов, если вы пытаетесь поддерживать IE8, потому что он не понимает этот синтаксис.

person BoltClock    schedule 09.10.2012
comment
Сценарий IE9 от Selectivizr + Google, похоже, сработал. Selectivizr для IE8 и скрипт Google для IE7. - person Dave Rottino; 09.10.2012

arrow_upward
1
arrow_downward

IE8 не поддерживает селекторы css3 (nth-child)

person VeXii    schedule 09.10.2012
comment
Моя ошибка, я обновил код выше. У меня это одна точка с запятой, и она все еще не отображается. - person Dave Rottino; 09.10.2012