在IE中,UL区域留空,它在Chrome,Firefox和Safari中显示的内容很好。
//在IE中的视图源上可以看到以下代码但是浏览器中的ul区域为空:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="container">
<div id="header">
<div id="table">
<center>
<ul>
<li onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick = "descriptionPage('Drinks','Frappuccino');"><p class="Quor_Widget_item_nameIndex">Frappuccino </p>
<p class="item_priceIndex">$2.50</p></li>
<li onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick = "descriptionPage('Drinks','Latte');"><p class="Quor_Widget_item_nameIndex">Latte </p>
<p class="tem_priceIndex">$2.50</p></li>
</ul>
</center>
</div>
</body>
</html>
答案 0 :(得分:2)
<ul>
<li onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick = "descriptionPage('Drinks','Coffee');"><p class="Quor_Widget_item_nameIndex">Coffee
<p class="Quor_Widget_item_priceIndex">$2.50</p></li>
您正在打开两个<p>
代码,但只会在每个<li></li>
对中关闭一个代码。 Chrome和Firefox很聪明,他们解决这个问题,IE很愚蠢。该死的很蠢。
P.S。你应该格式化你的代码。
编辑:还有一个缺失的</div>
,你知道吗?请检查您是否关闭了所有标签。