mix-blend-mode does not blend the element with its background but with its backdrop

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