chromium/third_party/blink/web_tests/external/wpt/css/css-highlight-api/painting/custom-highlight-painting-overlapping-highlights-002-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<style>
  div {
      font-size: 3em;
      font-weight: bolder;
  }
  #affected1 {
    color: green;
    background-color: rgb(0, 255, 0, 0.5);
  }
  #affected2 {
    color: red;
    background-color: rgba(100, 0, 100, 0.5);
  }
</style>
<body><div><span id="affected1">Green on lime.</span><span id="affected2">Red on maroon.</span></div>