web-dev-qa-db-fra.com

Pourquoi un style "image d'arrière-plan" intégré ne fonctionne-t-il pas dans Chrome 10 et Internet Explorer 8?)?

Pourquoi exemple suivant montre l'image dans Firefox 4, mais pas dans Chrome 10 et Internet Explorer 8?)

HTML:

<div style="background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>

CSS:

div {
    width: 60px;
    height: 60px;
    border: 1px solid black;
}

Des idées de solutions de contournement?

htmlcssgoogle-chromeinternet-explorer-8background-image
49
Misha Moroshko

Comme mentionné par c-smile: Il suffit de supprimer les apostrophes de la url():

<div style="background-image: url(http://i54.tinypic.com/4zuxif.jpg)"></div>

démo ici

99
Misha Moroshko

vous devez également spécifier la largeur et la hauteur

 <section class="bg-solid-light slideContainer strut-slide-0" style="background-image: url(https://accounts.icharts.net/stage/icharts-images/chartbook-images/Chart1457601371484.png); background-repeat: no-repeat;width: 100%;height: 100%;" >
5
Chetan Kumar

Chrome 11 génère les éléments suivants dans son débogueur:

[Erreur] GET http://www.mypicx.com/images/logo.jpg undefined (undefined)

Il semble que ce service d'hébergement utilise un système dynamique génial qui empêche ces navigateurs de le récupérer correctement. (Au lieu de cela, il essaie d'extraire l'image de base par défaut, qui est un jpeg problématique.) Pourriez-vous simplement télécharger une autre copie de l'image ailleurs? Je m'attendrais à ce que ce soit la solution la plus facile pour un long kilomètre.

Édition: voyez ce qui se passe dans Chrome lorsque vous placez l’image à l’aide de <img> Mots clés ;)

5
lpd

cela fonctionne dans mon google chrome version du navigateur 11.0.696.60

j'ai créé une page simple sans autres éléments, juste des balises de base et aucun fichier css séparé et j'ai une image

c’est ce que j’ai installé <div id="placeholder" style="width: 60px; height: 60px; border: 1px solid black; background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div> j’ai mis un identifiant juste au cas où il y aurait eu une balise hiddne id et cela fonctionnera

2
xLRDxREVENGEx