Masquer une div si Internet Explorer

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 14 Décembre 2019.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    809
    J'aime reçus:
    10
    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 ?

    Code:
    <div class="imageContainer">
            <img src="../images/poster.jpg">
    </div>
    
    Merci pour vos réponses.
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 488
    J'aime reçus:
    196
    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é...
     
    #3 rick38, 15 Décembre 2019
    Dernière édition: 15 Décembre 2019
  3. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    809
    J'aime reçus:
    10
    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) ?
     
  4. mickou51
    mickou51 WRInaute discret
    Inscrit:
    8 Janvier 2016
    Messages:
    114
    J'aime reçus:
    9
    @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:
    <?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:
    PHP:
    <div class="<?php echo ($isIE "" "intro_animation" " ;?>"></div>

    Et tout en haut de la page tu mets:
    PHP:
    <?php
    $agent
    =strtoupper($_SERVER['HTTP_USER_AGENT']);
    $isIE=(strpos($agent,'MSIE')!==false || strpos($agent,'TRIDENT')!==false);
    ?>
     
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    809
    J'aime reçus:
    10
    Merci pour ta réponse, je vais essayer ce script.
     
  6. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 032
    J'aime reçus:
    291
  7. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 488
    J'aime reçus:
    196
    (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 :confused:)
     
Chargement...
Similar Threads - Masquer div Internet Forum Date
Masquer une div partiellement avec jquery slide toggle ? Développement d'un site Web ou d'une appli mobile 5 Août 2012
Afficher masquer div Développement d'un site Web ou d'une appli mobile 25 Juin 2012
[JS] Masquer / afficher un <div> à la saisie d'un <input> Développement d'un site Web ou d'une appli mobile 2 Novembre 2010
Est-il possible de masquer le code source d'une page web ? Développement d'un site Web ou d'une appli mobile 16 Novembre 2016
Voir / masquer un § - Tout voir / tout masquer Développement d'un site Web ou d'une appli mobile 22 Mars 2016
afficher masquer on utilisant Onclick Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Masquer une partie de sa page aux bots Débuter en référencement 20 Janvier 2015
url rewriting masquer tous les répertoires URL Rewriting et .htaccess 16 Juin 2014
Supprimer ou masquer des messages Droit du web (juridique, fiscalité...) 1 Juillet 2013
Masquer ou renomer les paramètres dans mon url Demandes d'avis et de conseils sur vos sites 14 Juin 2013
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice