Waarom de Opvolgend voorbeeld toont de afbeelding in Firefox 4, maar niet in Chrome 10 en Internet Explorer 8?
HTML:
<div style="background-image: url('https://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>
CSS:
div {
width: 60px;
height: 60px;
border: 1px solid black;
}
Alle ideeën voor tijdelijke oplossingen?
Antwoord 1, Autoriteit 100%
Zoals C-smile heeft genoemd: hoeft alleen de apostrofes in de url():
te verwijderen
<div style="background-image: url(https://i54.tinypic.com/4zuxif.jpg)"></div>
Antwoord 2, Autoriteit 7%
U moet de breedte en hoogte ook
opgeven
<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%;" >
Antwoord 3, Autoriteit 4%
Chrome 11 spuugt het volgende in zijn debugger:
[FOUT] Get http://www.mypicx.com/images/logo.jpg undefined (undefined)
Het lijkt erop dat die hostingservice een funky dynamisch systeem gebruikt dat verhindert dat deze browsers het correct ophalen. (In plaats daarvan probeert het de standaard basisafbeelding op te halen, wat problematisch een jpeg is.) Kun je gewoon nog een kopie van de afbeelding ergens anders uploaden? Ik zou verwachten dat dit verreweg de gemakkelijkste oplossing zou zijn.
Bewerken: kijk wat er in Chrome gebeurt als je de afbeelding plaatst met de normale <img>-tags 😉
Antwoord 4, autoriteit 2%
het werkt in mijn Google Chrome-browserversie 11.0.696.60
Ik heb een eenvoudige pagina gemaakt zonder andere items, alleen basistags en geen apart CSS-bestand en heb een afbeelding gekregen
dit is wat ik heb ingesteld:
<div id="placeholder" style="width: 60px; height: 60px; border: 1px solid black; background-image: url('https://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>
Ik heb een id geplaatst voor het geval er een verborgen id-tag was en het werkt