<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<dialog id="target">Dialog contents</dialog> | |
<style> | |
#target::backdrop { | |
opacity: 0.1; | |
background-color: green; | |
} | |
</style> | |
<script> | |
const target = document.getElementById("target"); | |
target.showModal(); | |
</script> |