悬停的背景图片无法正常工作IE11

基本上，当我将鼠标悬停在链接上时，文本背景会发生变化。

一切工作正常与FireFox和谷歌浏览器。然而，背景图像不使用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>

来源

2016-10-28 Arthas

欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代码段/）。请参阅[**如何创建最小，完整和可验证示例**]（http://stackoverflow.com/help/mcve） –

您正在共享的代码很好。应该在Internet Explorer 6中工作！添加完整的代码是因为您可能正在重写某些内容，或者将内容更改为内联或其他类似内容。 –

我用你的例子创建了一个codepen，它似乎在ie11中工作。也就是说，我遇到了同样的问题，所以必须有其他缓解因素。 – ognockocaten

尝试：

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

来源

2016-10-28 11:14:27

我已经试过了，它不起作用。 – Arthas

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

.news {display:block;}

来源

2016-12-20 07:12:52 apload

悬停的背景图片无法正常工作IE11

回答

相关问题