locked
how to change background-image on li:hover in IE10 RRS feed

  • Question

  • Hi!

    How do

    <style>
    .ueberuns{
    	background-image:url(images/headerlinks/ueber_uns_ohne.png);
    	background-repeat:no-repeat;
    	width:111px;
    	height:50px;
    }
    .ueberuns:hover {
    	background-image:url(images/headerlinks/ueber_uns.png);
    	background-repeat:no-repeat;
    	width:111px;
    	height:50px;	
    	display:block;
    }
    </style>
    
    <ul id="menu" class="horz-menu">
    <li class="ueberuns"><a href="http://www.sbw.edu/index.php/idea-home/">idea</a></li>
    </ul>

    I change the background-image for a li class on hover in IE10. Hover over a li works fine in IE7, IE8 and IE9

    Saturday, July 13, 2013 7:51 AM

All replies

  • IE10 does not support the hover pseudo class when running in quirks mode.

    Try using a DOCTYPE to fix the problem eg

    <!DOCTYPE html>
    Sunday, July 28, 2013 1:04 AM