Заставить фон метки: url () в Internet Explorer - PullRequest
Новая
       10

Заставить фон метки: url () в Internet Explorer

2 голосов
/ 15 марта 2012

У меня есть код Html / Css, который отлично работает в Chrome и Firefox, но в IE я не могу отобразить фон для своего ярлыка

У меня есть два класса css, один для активной метки, и другой для нетactive.

Вот мой код Css: 

.jqTransformDayRadioWrapper label {
    width: 31px !important;
    height: 28px;
    margin-right: 2px;
    text-align: center;
    font-weight: normal;
    line-height: 28px;
    cursor: pointer;
    background: url('../img/form/day_radio_button.gif') no-repeat;
}
.jqTransformDayRadioWrapper label.active {
    background: url('../img/form/day_radio_button_selected.gif') no-repeat !important;
}

А вот код HTML, сгенерированный Cakephp Html Helper Form: 

<div class="jqTransformDayRadioWrapper">
    <label for="EventReoccurringOnDay1">S</label>
    <input name="data[Event][reoccurring_on_day1]" type="text"  class="jqTransformDayRadioWrapper" value="0" id="EventReoccurringOnDay1" />

   <label for="EventReoccurringOnDay5">T</label>
    <input name="data[Event][reoccurring_on_day5]" type="text" checked="checked" class="jqTransformDayRadioWrapper" value="1" id="EventReoccurringOnDay5" />
    </div>
</div>

Заранее спасибо :).

1 Ответ

0 голосов
/ 15 марта 2012

Вам нужно будет установить метку на display:block;, потому что метки являются встроенными элементами. И без дисплея: блок; ваше фоновое изображение не появится в IE 7.

...