懸停背景圖片不起作用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");
}