Masquer une div si Internet Explorer

[poupilou]

Salut à tous,

J'ai une animation css dans une div avec des transform qui ne fonctionne pas sous Internet Explorer pour les versions < ou égale à 11, je voudrais masquer cette animation (cette div) pour toutes les versions d'Internet Explorer, comment faire cela en css ?

<div class="imageContainer">
        <img src="../images/poster.jpg">
</div>

Merci pour vos réponses.

 

[spout]

Q : https://www.google.com/search?q=conditional+css+internet+explorer
A : https://stackoverflow.com/questions...itional-comments-inside-a-stylesheet/19483835
A: https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet
[...]

 

[rick38]

Bah, maintenant moi si des choses ne marchent pas sur IE, je laisse, je m'en fiche, ce browser est abandonné ! A un moment il faut arrêter de le supporter. Edge le remplace.
jQuery aussi l'a abandonné...

 

[poupilou]

Merci pour vos réponses.

Si je comprends bien il n'y a pas de commentaires conditionnels css qui fonctionnent pour toutes les versions d'Internet Explorer, d'autre part les versions supérieures ou égales à IE 10 ne supporte pas les commentaires dans le code css donc il n'existe pas de commentaires conditionnels css qui puissent cibler toutes les versions d'IE.

J'ai une animation css du style ken burns (image 2500x1000px qui bouge un peu comme une vidéo) sur toute la largeur de l'écran, cela fonctionne très bien avec les autres browsers mais pas avec Internet Explorer 11 (et versions inférieures), l'image reste figée, rognée à droite de l'écran, et c'est très vilain. Je peux difficilement laisser cela tel quel pour ceux qui utilisent Internet Explorer.

Quelles autres solutions peuvent être envisagées pour ne pas afficher cette div pour toutes les versions d'IE (sans que cela ne soit trop lourd à implémenter) ?

 

[mickou51]

@poupidou tu peux utiliser un truc de ce genre en PHP :

https://stackoverflow.com/a/29207050/11313316

Imagine que tu as un <div class="intro_animation"></div>pour faire tourner l'animation
tu peux donc faire quelque chose comme ça:

<?php
if ( $isIE !== true ) { // Afficher la div sur tous les navigateurs sauf IE
?>
<div class="intro_animation"></div>
<?php } ?>

Ou tu désactives la classe "intro_animation" sur IE en une seule ligne:

<div class="<?php echo ($isIE ? "" : "intro_animation" " ;?>"></div>

Et tout en haut de la page tu mets:

<?php
$agent=strtoupper($_SERVER['HTTP_USER_AGENT']);
$isIE=(strpos($agent,'MSIE')!==false || strpos($agent,'TRIDENT')!==false);
?>

 

[poupilou]

Merci pour ta réponse, je vais essayer ce script.

 

[spout]

Sinon le transform est supporté en IE9 avec le prefixe -ms- : https://caniuse.com/#feat=transforms2d

 

[rick38]

(Mais sérieux vous avez des visiteurs sous IE9 ou même autres version d'IE ? La dernière date elle-même de 2013 )