第二个CSS类不工作在IE8
我有以下div被呈现给客户端,但在IE上,checked-yes
类被忽略。如果我在“开发人员工具”中查看目标元素,则该类从样式面板中完全丢失。 shift-item-present
类是连接服务器端,checked-yes
类客户端端,这取决于父行的present
属性,如下所示。第二个CSS类不工作在IE8
<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');
}
Internet Explorer不支持XHTML!甚至没有IE8。所以它不支持自闭元素。使用<div></div>
而不是<div/>
。
如果文档类型设置正确,IE8可以使用它。 – VMAtm 2010-05-04 09:00:03
不,它不能。它可能在偶然的情况下工作,因为'div'本身就是'td',但这并不改变** IE8不支持自闭元素**的事实。 – RoToRa 2010-05-04 09:13:28
“IE8可以使用它。”错误!当你认为它“有效”时,这是因为你错误地将XHTML作为text/html(而不是application/xhtml + xml)发送,导致IE(和其他人)无论如何都将其解析为HTML。发送它与适当的MIME,以允许正确的XHTML解析(和IE扼杀它,给出一个下载对话框)。 – 2010-05-04 11:45:33
我假设CSS没有应用,你可以发布吗? – Kobi 2010-05-04 07:49:25
我已经添加了CSS。 – ProfK 2010-05-04 08:03:56