custom-highlight-painting-overlapping-highlights-002-ref.html (379B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <style> 4 div { 5 font-size: 3em; 6 font-weight: bolder; 7 } 8 #affected1 { 9 color: green; 10 background-color: rgb(0, 255, 0, 0.5); 11 } 12 #affected2 { 13 color: red; 14 background-color: rgba(100, 0, 100, 0.5); 15 } 16 </style> 17 <body><div><span id="affected1">Green on lime.</span><span id="affected2">Red on maroon.</span></div>