1151306-1.html (692B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>The div shouldn't pull the html element's background color through the body background. There should be no red on this page.</title> 5 6 <style> 7 8 html, body { 9 margin: 0; 10 padding: 0; 11 height: 100%; 12 } 13 14 html { 15 background-color: red; 16 } 17 18 body { 19 transform: translateX(0.1px); 20 background-color: white; 21 box-sizing: border-box; 22 padding: 10px; 23 } 24 25 div { 26 position: relative; 27 width: 50px; 28 height: 50px; 29 box-sizing: border-box; 30 border: 1px solid black; 31 animation: leftFrom0To100 steps(1,end) 20000s alternate infinite; 32 } 33 34 @keyframes leftFrom0To100 { 35 from { left: 0px; } 36 to { left: 100px; } 37 } 38 39 </style> 40 41 <div></div>