悬停背景图片不起作用IE11

Question

我正在尝试解决与IE 11有关的悬停问题。

基本上，当我将鼠标悬停在链接上时，文本背景会更改。

FireFox和Google Chrome可以正常运行。 但是，背景图像不会随Internet Explorer 11一起出现。

 ul .news:hover { background: url("Images/OverNews.png"); } 

 <ul> <li class="news"><a href="#"> News </a></li> <li class="chat"><a href="#"> Chat </a></li> <li class="forum"><a href="#"> Forum </a></li> <li class="contact"><a href="#"> Contact </a></li> </ul> 

Answer 1

我有一个类似的问题。 我的解决方案是将HTML元素设置为block元素。 但是在我的情况下，背景图像在锚标记上 。 尝试

.news {display:block;}

Answer 2

尝试：

ul .news:hover {
  background-image: url("Images/OverNews.png");
}