Html 在firefox浏览器上不工作的伪元素上的转换

我期待着从Internet Explorer得到这个，但是我心爱的Firefox让我失望了

这把小提琴在Firefox上不起作用（至少对我来说不起作用），我想知道为什么。我看过很多文档，我想这应该是可行的

这是小提琴：

HTML:

关于“指针事件：无”的另一个快速问题：

它在Internet Explorer上运行良好，但在Chrome上运行不好（由于上述问题，我无法在Firefox上进行测试）

---

提前谢谢

这似乎是因为

#nav ul li a

元素是默认的

显示：inline

。添加

显示：内联块修复了该问题

工作示例：

#导航
{   
高度：60px；
背景色：#FFFFFF；
溢出：隐藏；
}
#导航ul
{
颜色：#F2F2；
边缘顶部：20px；
列表样式类型：无；
文本对齐：居中；
浮动：左；
}
#李国荣
{
显示：内联块；
*显示：内联；
缩放：1；
利润率：0.10px；
}
#海军ulli a
{
颜色：#8198A0；
字体风格：普通；
字体大小：14px；
字号：500；
字母间距：0.25px；
文本转换：大写；
文字装饰：无；
显示：内联块；
-webkit过渡：颜色0.5s轻松；
-moz过渡：颜色0.5s轻松；
-o型过渡：颜色0.5s；
过渡：颜色0.5s；
}
#海军李娜：之后
{
边缘顶部：16px；
内容：“；
显示：块；
高度：5px；
宽度：0；
-webkit过渡：宽度0.5s，背景色0.5s；
-moz过渡：宽度0.5s，背景色0.5s；
-o型过渡：宽度0.5s，背景色0.5s；
过渡：宽度0.5s，背景色0.5s；
指针事件：无；
}
#导航ulli a：悬停：在
{
宽度：100%；
背景色：#8198A0；
}
#导航ulli a：悬停
{
光标：指针；
}


入口
入口
入口
入口
入口

它解决了第一个问题，非常感谢！但是，当我应用您建议的更改时，“指针事件”问题在internet explorer上停止工作。我想我可以接受那个ehehe
<div id="nav">
    <ul>
        <li><a>ENTRY</a></li>
        <li><a>ENTRY</a></li>
        <li><a>ENTRY</a></li>
        <li><a>ENTRY</a></li>
        <li><a>ENTRY</a></li>
    </ul>
</div>

#nav 
{   
height:60px;
background-color:#FFFFFF;
overflow:hidden;
}

#nav ul 
{
color: #f2f2f2;
margin-top:20px;
list-style-type: none;
text-align: center;
float:left;
}

#nav ul li
{
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 10px;   
}

#nav ul li a 
{
color: #8198A0;
font-style: normal;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}

#nav ul li a:after 
{
margin-top:16px;
content: "";
display: block;
height: 5px;
width: 0;
-webkit-transition: width 0.5s ease, background-color 0.5s ease;
-moz-transition: width 0.5s ease, background-color 0.5s ease;
-o-transition: width 0.5s ease, background-color 0.5s ease;
transition: width 0.5s ease, background-color 0.5s ease;
pointer-events:none;
}

#nav ul li a:hover:after 
{
width: 100%;
background-color:#8198A0;
}

#nav ul li a:hover
{
cursor: pointer;
}