Question

我有一个在Chrome和Firefox中运行良好的Html / Css代码但在IE中我无法显示我的标签背景

我有两个类css，一个用于活动标签，另一个用于无活动。

这是我的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;
}

以下是Cakephp Html Helper Form生成的HTML代码：

<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>

提前致谢:)。

Answer 1

您需要将标签设置为display:block;，因为标签是内联元素。没有显示：块;您的背景图片不会出现在IE 7中。

强制标签背景：url（）在Internet Explorer中

1 个答案: