testing/web-platform/tests/css/css-highlight-api/painting/custom-highlight-painting-overlapping-highlights-002-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!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>