Steps to reproduce
There are several things that need to happen in order to reproduce this.
- Navigation (potentially other content) that is absolutely positioned
- Navigation that changes background (possibly other properties too) on hover
- An (large) image which is vertically centered (accomplished with flexbox). The image’s container must be overflow:hidden. The image must extend above the container so that part of it is ‘under’ the navigation.
- The image must have opacity applied to it
Expected results: The link should switch to a different background on hover
Actual Results: The red link becomes invisible
For details see https://mfairchild365.com/bugs/opacity-edge.html
Note: This is only happening in edge.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Bogdan B.”
Changed Assigned To to “Christian F.”
Changed Assigned To from “Christian F.” to “Scott B.”
Changed Status to “Confirmed”
Changed Status from “Confirmed” to “Duplicate”
This issue has been resolved External. This means this issue may require a new feature to be implemented or other work that is more significant than a typical bug. You may be able to find more information on this issue by searching for related features on status.microsoftedge.com and uservoice.microsoftedge.com.