it-swarm-eu.dev

Opravené obrázky na pozadí se nezobrazují správně v žádném webovém prohlížeči

Snímek obrazovky pro tuto otázku:

Background image not displaying correctly

Používám obrazy s pevnou pozicí, jak je vidět na css-tricks.com/examples/BlurryBackgroundEffect/, abych vytvořil skelný efekt pro webový projekt, na kterém pracuji. Jak je vidět na obrázku výše, obrázek bloku obsahu se často nezobrazí, dokud není prohlížeč nucen provést překreslení posouváním atd.

Zkusil jsem je předběžně načíst, a to jak pomocí tagů onload, tak skrytých img, ale stále se to stává.

Nejedná se o masivní problém, ale pokud někdo pochopí, proč k tomu dochází, bylo by to opravdu užitečné.

2
Mikey

Pokud chcete vyvolat překreslení, můžete vždy použít:

body { display: none }

pak

window.onload = function () {
    document.getElementsByTagName('body')[0].display = 'block';
}

to způsobí, že se načtení stránky bude zdát mnohem delší.

Nejlepší rada, kterou jsem četl ohledně ovládání načítání/překreslování v prohlížečích, byla Steve Souders Even Faster Web Sites .

Poznámka:

Nezapomeňte, že vždy můžete umístit příslušné oddíly na JSFiddle , aby vám ostatní mohli pomoci (obrázky lze nahrát do ImageShack a zahrnout pomocí poskytnutého „přímého odkazu“).

2
Metalshark