:Hover no funciona en Internet Explorer 10 o anterior

I have this CSS Class :

<style>
.container { background-color:#FFF; }
.container:hover { background-color:#000; }
</style>

Its Hover is working in Chrome and Firefox but not in IE.

Aquí está el violín: http://jsfiddle.net/6fwNX/1/

Alguna solución ?

preguntado el 27 de noviembre de 13 a las 07:11

Post your html and make jsfiddle so we can see what the problem is. -

Please check the Fiddle in POST -

2 Respuestas

Add the HTML4.1 Doctype like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional// EN" "http://www.w3.org/ TR/html4/loose.dtd">.

Add it at the top of your page.

respondido 27 nov., 13:07

I can't test anything like it, but it looks like IE doesn't know the size (height/width) of your container. Try to specify height and width and display:block; (or inline-block)

respondido 27 nov., 13:07

I've tested it in windows 8/7 - IE 9/10 and both works .. So this fiddle doesn't work for you in IE10? - Nick

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.