mdn/content
mix-blend-mode does not blend the element with its background but with its backdrop
Closed
#41,078 opened on Sep 9, 2025
Content:CSSgoal: accuracyhelp wanted
Repository metrics
- Stars
- (10,937 stars)
- PR merge metrics
- (Avg merge 7d 3h) (147 merged PRs in 30d)
Description
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
What specific section or headline is this issue about?
first line of text
What information was incorrect, unhelpful, or incomplete?
This is confusing: "...how an element's content should blend with the content of the element's parent and the element's background." as it does not blend the element's content with the element's own background. If you have a single element with colored text and a background color or image there is no blending.
What did you expect to see?
Should be "element's backdrop" instead of "element's background"
Do you have any supporting links, references, or citations?
No response
Do you have anything more you want to share?
No response
MDN metadata
- Folder:
en-us/web/css/mix-blend-mode - MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/mix-blend-mode/index.md
- Last commit: https://github.com/mdn/content/commit/06639598f7805417a0331fe403304af9c7ecc2de
- Document last modified: 2025-08-13T02:06:22.000Z