Page 1 sur 1

IE6 et :hover

Posté : 02 sept. 2012, 08:56
par schim59
Bonjour,

Comment contournez vous la non prise en charge des hover sur un div par IE6 ?
J'ia lu des trucs sur les fichier htc, mais je suis pas tres enthousiaste à cette idée.

D'avance merci.

Re: IE6 et :hover

Posté : 13 sept. 2012, 21:06
par Aureusms
hover est une fonction qui peut s'apparenter à une interaction. Qui dit interaction, dit JavaScript. Qui dit JavaScript dit Jquery (car c'est plus pratique).
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
	<SCRIPT type="text/javascript"> 
	$(document).on({
		mouseenter :function () {
			$(this).css({cursor:'pointer'}).animate({height:'220', width:'220'},300);
		},
		mouseleave : function() {
			$(this).animate({height:'50', width:'50'},300);
		}
	},'body div');
	</SCRIPT>
</head>
<body>
	<div style="height:50px; width:50px; background-color: yellow;"></div>
	<div style="height:50px; width:50px; background-color: blue;"></div>
	<div style="height:50px; width:50px; background-color: red;"></div>
	<div style="height:50px; width:50px; background-color: black;"></div>
</body>
</html>
De cette façon, je pense que tu pourras mettre tes hover compatible avec ce navigateur obsolète. (j'ai pas pu tester je ne l'ai plus d'installé)

Re: IE6 et :hover

Posté : 16 sept. 2012, 19:24
par schim59
Ok,
J'espérais une formule magique sans jquery, qui engendre des pop up et "auoriser le contenu" sur IE6.

En tout cas merci bcp.