Skip to content

New page: xr-overlay pseudo-class#43690

Merged
estelle merged 6 commits intomainfrom
xr
Apr 14, 2026
Merged

New page: xr-overlay pseudo-class#43690
estelle merged 6 commits intomainfrom
xr

Conversation

@estelle
Copy link
Copy Markdown
Member

@estelle estelle commented Apr 7, 2026

this pseudo-class has some browser support, so should be included.

I have no way to test this feature, so did not create a live example.

https://immersive-web.github.io/dom-overlays/#selectordef-xr-overlay

fixes openwebdocs/project#234

@estelle estelle requested a review from a team as a code owner April 7, 2026 12:45
@estelle estelle requested review from dipikabh and removed request for a team April 7, 2026 12:45
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed labels Apr 7, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 7, 2026

Copy link
Copy Markdown
Contributor

@dipikabh dipikabh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, @estelle! Added a few edits and suggestions for your consideration before you merge.


### Basic usage

In this example, we define the overlay to be transparent black, enabling content behind the overlay to be partially visible. To ensure enough contrast between content and its background, we set the {{cssxref("color")}} to `white`.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • semi-transparent black?
  • "enough contrast between the overlay's content and its semi-transparent background"?

Co-authored-by: Dipika Bhattacharya <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@estelle estelle merged commit a75edf6 into main Apr 14, 2026
13 checks passed
@estelle estelle deleted the xr branch April 14, 2026 21:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

CSS Limitited Availability: Missing reference pages

3 participants