悬停背景图像不起作用IE11

时间:2016-10-28 10:42:32

标签: html css internet-explorer

我试图解决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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

尝试:

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

答案 1 :(得分:0)

我有类似的问题。我的解决方案是将HTML元素设置为块元素。但在我的情况下,背景图片位于锚标记上。尝试

.news {display:block;}