Question

我将以下div呈现给客户端，但在IE上，checked-yes类被忽略。如果我在“开发人员工具”中查看目标元素，则样式面板中完全缺少该类。 shift-item-present类是服务器端，checked-yes类客户端，取决于父行的present属性，如下所示。

<td><div class="shift-item-present checked-yes" jQuery1272958392665="94"/></td>

父行：

<tr class="shift-item" id="ctl00_mainContentPlaceHolder_ctl00_shiftList_ctl01_shiftRow" present="True" shift-id="641" jQuery1272958392665="64">

该页面在FF中完美运行。这是CSS，都在同一个文件中：

.shift-item-present
{
    top: 2px;
    left: 2px;
    height: 12px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center right;
}

.checked-yes
{
    background-image: url('../Images/Icons/checked-yes-xs.png');
}

Answer 1

Internet Explorer不支持XHTML！甚至不是IE8。所以它不支持自闭元素。使用<div></div>而非<div/>。

Answer 2

当IE8以Quirks模式呈现页面时，可能会发生这种情况。尝试设置正确的DOCTYPE。

第二个CSS类在IE8中不起作用

2 个答案: