Question

我有一个WordPress网站，我们用一个背景图片替换菜单链接。以下是其中一个菜单项的css示例。

  #menu-item-3039{
    width:30px;
    height:20px;
    border:none;
    padding-right:0;
  }
  #menu-item-3039 a{
    visibility:hidden;
  }
  #menu-item-3039 a::before{
    visibility:visible;
    display:block;
    width:20px;
    height:20px;
    content:"";
    background-size:20px 20px;
  }
  #menu-item-3039 a::before {
    background-image:url("/wp-content/uploads/2015/05/moodle-icon.png");
  }

使用IE11是否有明显错误或缺失的内容？

它在chrome和firefox中效果很好，但在IE11中根本不起作用。我对IE跨浏览器支持不是很有经验，所以很可能会有任何帮助。

谢谢！

Answer 1

IE11将getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(0));从a继承到visibility。

我建议您不要使用该规则并使用：

::before

代替。这样你就可以隐藏文本（我认为这就是你真正想做的事情）而不影响背景。

背景图像css不工作在IE11

1 个答案: