Firefox syntax issue when placing an <li> inside of an <a> - not linkable?

Question

我有一个css sprite导航栏,其中li被包装在一个用于链接的href标签中...

<div id="header">
    <ul>
        <a href="/"><li id="supplements-link"></li></a>
        <a href="/tutorials/"><li id="tutorials-link"></li></a>
        <a href="/blog/"><li id="blog-link"></li></a>
    </ul>
</div>

在Safari,Chrome,Opera和IE中它对我来说很好用 - 但链接在Firefox中不活跃,当我查看Firebug中的代码时,Firefox会将href和li标记呈现为单独的行:

<div id="header">
    <ul>
        <li id="supplements-link"></li>
        <a href="/"></a>
        <li id="tutorials-link"></li>
        <a href="/tutorials/"></a>
        <li id="blog-link"></li>
        <a href="/blog/"></a>
    </ul>
</div>

有小费吗？谢谢!

Answer 1

li元素是唯一可以成为ol或的子元素ul.您的HTML目前无效.

请把它包裹在as 周围.