1156129-1.html (740B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>The bounds calculation for border display items needs to take the border radius into account</title> 5 6 <style> 7 8 div { 9 margin: 10px; 10 height: 100px; 11 width: 100px; 12 box-sizing: border-box; 13 border-radius: 50px; 14 } 15 16 #one { 17 border-top: 30px solid blue; 18 } 19 20 #two { 21 border-top: 1px solid blue; 22 opacity: 0.5; 23 } 24 25 #three { 26 border-top: 1px solid blue; 27 mix-blend-mode: overlay; 28 } 29 30 </style> 31 32 <div id="one"></div> 33 <div id="two"></div> 34 <div id="three"></div> 35 36 <script> 37 38 window.addEventListener("MozReftestInvalidate", function (e) { 39 document.getElementById("one").style.borderTopWidth = "10px"; 40 41 document.documentElement.removeAttribute("class"); 42 }); 43 44 </script>