le contenu de l'url ne fonctionne pas dans Firefox

Mon fichier CSS est:

        #name_wrong_img
        {
           width:43px;
           height:29px;
        }

C'est mon code HTML:

         <img id="name_wrong_img" src="wrong.jpg" />

Le code ci-dessus fonctionne bien à la fois Firefox et Chrome.

        #name_wrong_img
        {
           content:url(wrong.jpg);
           width:43px;
           height:29px;
        } 

         <img id="name_wrong_img"  />

C'est bien dans Chrome. Mais pas dans Firefox. Quel est le problème dans tout cela?

si vous voulez montrer wrong.jpg dans name_wrong_img ensuite, vous pouvez utiliser background:url;
ne fonctionne pas sous firefox moyens, de ne pas montrer l'image
Je suis à l'Interne(intégrée) de la feuille de style.
si vous donnez de l'image dans le CSS, alors il n'est pas nécessaire de donner à la balise IMG
background:url fonctionnent pas. donner d'autres idées.

OriginalL'auteur selva_pollachi | 2012-09-04

  1. 20

    Firefox ne prend pas en charge la content bien de la même manière que Chrome — sur img des éléments et/ou quand la source est une image.

    <img> représente une image de contenu. Si vous l'utilisez, il devrait avoir un src et un alt.

    De la spécification:

    L'attribut src doit être présent et doit contenir un effet non-vide URL potentiellement entouré par des espaces référencement d'un non-interactif, éventuellement d'animation, image, ressource qui n'est ni paginé, ni sous forme de script.

    alors comment faire pour utiliser la src en css?
    Vous n'avez pas. Si c'est une image de contenu que vous utilisez un <img> élément et l'ensemble de ses src dans le code HTML.
    Mais c'est beaucoup moins utile que ce que Chrome ne. Surtout quand vous avez les bibliothèques de tiers qui s'appuient sur content pour afficher les images. Pourquoi ne peut-Firefox imiter Chrome dans ce cas?
    La Solution ici: stackoverflow.com/a/17907900/213902

    OriginalL'auteur Quentin