Posted in Uncategorized

CSS3D elements render order

   January 6, 2021  1 Comment on CSS3D elements render order
Description of the problem

The CSS3D elements always occlude non-CSS3D elements.
I tried without success to change the zIndex property.

I think that CSS3D is always rendered first?
If it is correct, is there anyway to make the render order customizable?

Three.js version
  • Dev
  • r85
  • …
Browser
  • All of them
  • Chrome
  • Firefox
  • Internet Explorer
OS
  • All of them
  • Windows
  • macOS
  • Linux
  • Android
  • iOS
Hardware Requirements (graphics card, VR Device, …)

Author: Fantashit

1 thought on “CSS3D elements render order”

  1. the only property that I find useful is zIndex, which did not affect the outcome.

    Please show your code and explain what you are trying to do.

    This has an effect.

    document.body.appendChild( css3Drenderer.domElement );
document.body.appendChild( div );

css3Drenderer.domElement.style.zIndex = '0';
div.style.zIndex = '1';

Comments are closed.