css - -webkit-box-shadow 属性在 firefox 中不起作用

Question

我在使用 Firefox 时遇到问题，我的 CSS 代码是:

#meni li:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: inset 0 4px 0 #FF0000;
}

它在 Chrome 中显示红色阴影，但在 Firefox 中它不起作用。帮助任何人？

Answer 1

您没有包含 -moz 前缀。 -webkit 仅用于与 webkit 相关的浏览器，如 Chrome/Safari。

#meni li:hover{
     opacity:1;
     filter:alpha(opacity=100);
     -webkit-box-shadow: inset 0 4px 0 #FF0000;
     -moz-box-shadow: inset 0 4px 0 #FF0000;
     box-shadow: inset 0 4px 0 #FF0000;
}