3

我有一个实用程序导航设置为无序列表，我想使用 li::before 插入管道“|” 实用程序导航中每个链接之间的符号。

这是我的实用导航...

<div class="horizontalnavlinks">
    <ul>
        <li><a href="/ets/">Time & Expense</a></li>
        <li><a href="/intrnl/voffice/TAC/default2.asp">TAC</a></li>
        <li><a href="/people/search/srchframe.asp">Employee Information</a></li>
        <li><a href="mailto:intranetfeedback@ch2m.com">Can't Find It?</a> </li>
    </ul>
</div>

这是我的风格。

.horizontalnavlinks ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.horizontalnavlinks ul li
{
    display: inline;
}

.horizontalnavlinks li + li::before
{
    content: " | ";
    padding: 0 10px;
}

管道在 Chrome 和 Safari 中显示得很好，但在 IE9 中不显示。事实上 IE9 忽略了 enter.horizontalnavlinks li + li::before风格。

我读到的所有内容都说 IE 支持伪样式。是什么赋予了？

4

1 回答 1

2

确保您有正确的文档类型声明（例如，<!DOCTYPE html>），因为在 quirksmode 下运行的 IE9 将不支持伪元素。

有关在 IE9 中使用伪元素的更多详细信息，请参阅此 SO 线程。

于 2013-08-12T17:33:29.173 回答