Partage
  • Partager sur Facebook
  • Partager sur Twitter

text-shadow ne fonctionne pas sur ie et edge

Sujet résolu
    13 septembre 2019 à 22:49:47

    #element::selection {
        text-shadow: none;
    }

    Bonjour, cette déclaration n'est pas interprété par les navigateurs de MS, avez-vous une solution de contournement (type @supports ou autre) ?
    merci ;)

    -
    Edité par jesuisunepomme 13 septembre 2019 à 22:58:17

    • Partager sur Facebook
    • Partager sur Twitter
      13 septembre 2019 à 23:03:06

      Salut,

      aucun problème  pour IE à partir de la version 10 pour comprendre text-shadow et évidemment encore moins pour Edge :

      https://caniuse.com/#search=text-shadow

      Du coup, merci de nous donner ton "vrai" code.

      PS : comme dit une de mes connaissances sur ce forum :
      "Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code"

      • Partager sur Facebook
      • Partager sur Twitter
      Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
        13 septembre 2019 à 23:15:31

        Voici mon code, a tester sur ie ou edge: https://jsfiddle.net/stw9h4jk/

        édit: il est question de texte sélectionné bien sûr.

        -
        Edité par jesuisunepomme 13 septembre 2019 à 23:20:53

        • Partager sur Facebook
        • Partager sur Twitter
          14 septembre 2019 à 0:28:28

          Ok je vois le problème, ce n'est pas text-shadow qui ne fonctionne pas, malgré ton titre, mais plutôt ::selecction.

          Et pourtant ça devrait fonctionner depuis la version IE9 :

          https://caniuse.com/#search=%3A%3Aselection

          https://developer.mozilla.org/en-US/docs/Web/CSS/::selection

          Après c'est de la CSS level 4 et en working draft donc pas forcément implémenter dans tous les navigateurs.

          Du coup pas certain que ça s'applique sur un text-shadow.
          ça vaudrait le coup d'essayer sur autre chose pour tester, un font-weight:bold par exemple.

          Autrement en JS c'est surement gérable avec le text-shadow. Ou pas... ^^

          En tous cas sujet intéressant que je vais suivre, pour une fois qu'on parle vraiment technique et pas "mon image s'affiche pas" ^^

          Lamecarlate, MatTheCat,  Manu, AbcAbc une idée ?

          -
          Edité par Frogweb 14 septembre 2019 à 0:37:17

          • Partager sur Facebook
          • Partager sur Twitter
          Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
          Anonyme
            16 septembre 2019 à 14:32:26

            Ça ne pourrait fonctionner que depuis IE10 puisque IE9 ne supporte pas text-shadow ^^

            Je n'ai ni IE ni Edge pour tester ; "les navigateurs de MS" concerne-t-il de IE10 à Edge 18 ?

            • Partager sur Facebook
            • Partager sur Twitter
              16 septembre 2019 à 23:29:27

              Ce problème spécifique est aussi sur ie 11 et edge 44 cad les dernières versions.
              • Partager sur Facebook
              • Partager sur Twitter
              Anonyme
                17 septembre 2019 à 9:09:42

                Okay j'ai sorti un PC sous Windows, essayé pas mal de trucs... et en effet tout ce que je remarque c'est que text-shadow ne fonctionne pas avec ::selection..!

                Tu peux ouvrir un bug ici en pointant https://www.w3.org/TR/css-pseudo-4/#highlight-styling

                • Partager sur Facebook
                • Partager sur Twitter
                  17 septembre 2019 à 20:01:02

                  ok merci mat, j'ai ouvert un rapport de bug : 

                  https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/23486693/

                  -
                  Edité par jesuisunepomme 17 septembre 2019 à 20:05:56

                  • Partager sur Facebook
                  • Partager sur Twitter
                    5 mars 2020 à 18:22:27

                    plus de problème depuis edgium, je passe en résolu.
                    • Partager sur Facebook
                    • Partager sur Twitter
                    Anonyme

                    text-shadow ne fonctionne pas sur ie et edge

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur
                    • Markdown