懸停的背景圖片無法正常工作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

回答

相關問題