stacking-context-opacity-1-on-table.html (464B)
1 <!DOCTYPE html> 2 <title> 3 Opacity animation on display:table element creates a stacking context even if it 4 has only 100% opacity in its keyframes 5 </title> 6 <style> 7 span { 8 height: 100px; 9 width: 100px; 10 position: fixed; 11 background: green; 12 top: 50px; 13 } 14 @keyframes Opaque { 15 from, to { opacity: 1; } 16 } 17 #test { 18 display: table; 19 width: 100px; height: 100px; 20 background: blue; 21 animation: Opaque 100s infinite; 22 } 23 </style> 24 <span></span> 25 <div id="test"></div>