У меня есть служебная навигация, настроенная как неупорядоченный список, и я хотел бы использовать li :: before для вставки трубы "|" символ между каждой ссылкой в утилите nav.li :: перед тем, как не работать в IE9
Вот моя утилита нав ...
<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:[email protected]">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 игнорирует стиль ввода .horizontalnavlinks li + li::before
.
Все, что я читаю, говорит, что IE поддерживает псевдо стили. Что дает?
Можете ли вы настроить JSFiddle? –