Home/ Questions/Q 6750187
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T12:46:43+00:00

Newbie question: I am making a simple html game. It consists of these DIV

  • 0

Newbie question: I am making a simple html game. It consists of these DIV layers: 

z=1: large image (framing image)
z=2: medium image covering z1 (houses, trees)
z=3: small image covering z2 (character)
z=4: semi transparent image covering z3 (foreground objects)
z=5: medium image covering z2 but not z3 (other objects on the scene)

If I move the character (layer z3), which parts of the DOM are refreshed?
I know it depends on the browser, but are there general rules for minimizing the changes?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Paul Irish did a quick video on how to get this information out of Chrome via its DevTools. It is located at http://paulirish.com/2011/viewing-chromes-paint-cycle/

    While all browsers will vary somewhat in what goes on during repainting, this should offer a bit of a foothold.

    • 0