replaced-object-backdrop.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>CSS Position Test: Replaced &lt;object&gt; renders ::backdrop in top layer</title>

<link rel="help" href="https://drafts.csswg.org/css-position-4/#backdrop">

<link rel="match" href="/css/reference/green.html">

<style>

  object.green::backdrop { background-color: green; visibility: visible; }

  object { visibility: hidden; }

</style>

<object id="pop" popover="auto"></object>

<script>

  pop.showPopover();

  pop.className = "green";

</script>