New stacking context is not created when opacity changes (z-index and opacity)

External Issue #4060238

Details

Created
Aug 11, 2015
Privacy
This issue is public.
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

  1. Open IE 11 (v.11.0.10240.16384) or Edge (v.20.10240.16384.0)

  2. Navigate to http://codepen.io/dagolinuxoid/pen/GJgBaK?editors=110

  3. The red box is shown above the green and blue boxes (wrong behavior)

  4. Open IE 11 (v.11.0.9600.17843) or Chrome/Firefox

  5. Navigate to http://codepen.io/dagolinuxoid/pen/GJgBaK?editors=110

  6. The red box is shown behind the green and blue boxes (correct behavior)

Expected Results:

The red box should be drawn behind the green and blue boxes, because the parent div of the red box has opacity set to .99, and that should form a new stacking context.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Christian F.” to “Scott B.”

      Changed Assigned To from “Scott B.” to “IE S.”

      Changed Status from “Confirmed” to “External”

    You need to sign in to your Microsoft account to add a comment.

    Sign in