[RESOLU] IE6 et :hover

Eléphant du PHP | 229 Messages

02 sept. 2012, 08:56

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.

ViPHP
ViPHP | 1996 Messages

13 sept. 2012, 21:06

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é)
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Eléphant du PHP | 229 Messages

16 sept. 2012, 19:24

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.