Opacity is not applied on absolute position children if parent is not relatively positioned

Issue #5116981 • Assigned to Christian F.

Details

Created
Oct 21, 2015
Privacy
This issue is public.
Reports
Reported by 7 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

<div class="outer">
<div class="inner">
</div>
aaa
</div>

.outer {
opacity: .5;
}
.inner {
width: 1em;
height: 1em;
position: absolute;
background: green;
}

Expected Results:

Child (.inner) should be semi transparent just like the sibling text, but it’s not.

Add position: relative to .outer and everything appears at it should.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

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

    Sign in