J’ai un problème spécifique à IE. Sur le côté positif, cela fonctionne bien sur tous les autres navigateurs.
Le problème se produit lorsque vous cliquez sur l’image .close_button_page
qui doit exécuter la fonction animate simple, en déplaçant le div
vers la gauche.
Dans IE 8 et inférieur, il est simplement indiqué un argument invalide dans la console. J’ai trouvé des problèmes comme celui-ci en ligne, mais aucun ne résout le problème.
Remarque: Il y a beaucoup d’autres bogues dans IE ( z-index
etc.) pour le moment, alors ignorez-le.
HTML:
Our process
Even smaller title to this section
Dummy text to show that this is the home of Dukelease and that this site is of the utmost quality and will provide hours of fun by flicking through images.
CSS:
#content-left { -webkit-box-shadow:#000000 1px 1px 5px; border-top-color:#FFFFFF; border-top-style:solid; border-top-width:3px; box-shadow:#000000 1px 1px 5px; float:left; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; position:relative !important; width:230px; z-index:10; } style.css (line 562) #content-left, .bg_white { background-color:rgba(255, 255, 255, 0.949219); }
JavaScript:
$(".close_button_page").click(function(){ $('#content-left').animate({ marginLeft: '-260px' }, 1300, function(){ $('.open_button_page').fadeIn(1000); }); });
Essayez de remplacer ceci:
$(".close_button_page").click(function(){ $('#content-left').animate({ marginLeft: '-260px' }, 1300, function(){ $('.open_button_page').fadeIn(1000); }); });
avec ça:
$(".close_button_page").click(function(){ $('#content-left').toggle('slide'); });
Testé ici http://jsfiddle.net/ollie101/RuVZ3/5/