フォースラベルの背景：URL（）Internet Explorerで

Question

私はChromeとFirefoxでうまく動作しますが、IEで私は2つのクラスのCSSを持って

私のラベルの背景を表示することはできませんHTML/CSSコードを持っています1つはアクティブlable用で、もう1つはアクティブではないためです。ここで

は私のCSSコードです：事前に

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

感謝:)：

.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のヘルパーフォームによって生成されます。

Answer 1

ラベルはdisplay:block;に設定する必要があります。これは、ラベルがインライン要素であるためです。と表示なし：ブロック;あなたの背景イメージはIE 7に表示されません。