Question

我们的博客网站似乎适用于所有浏览器。最近有一位读者报告说他无法在此页面上看到问题：Java Blog Page

我使用BrowserShots来调试这个，发现IE9和IE10都有这个问题

http://browsershots.org/screenshots/1f1d2c6aa3b54e1423f5c344d2b1e21e

我确信这是CSS的一些问题，IE可能会对它造成严重影响。

我可以处理的任何已知问题或错误？

我已经尝试了

上的两个相关问题

SO Thread

Other Forum

到目前为止似乎没有任何作用

Answer 1

主要问题似乎是您的文档的结构是为了实现自动编号。但是，如果这确实是对有序列表的恰当使用，则值得商榷。

我想到了两个解决方案：

手动编号（不是一个大清单）
CSS-based counters

如果您决定继续使用有序列表，请fix the markup to be valid。至少LI必须是OL的直接子项，而不是嵌套在其他元素中。

更正后的标记示例：http://jsfiddle.net/adCz7/

<ol>
    <li>
        <h2>Test</h2>
        <p>Here is a paragraph</p>
    </li>
    <li>
        <h2>Test</h2>
        <p>Here is a paragraph</p>
    </li>
</ol>

IE9 h2 li标签没有显示出来

1 个答案: