1<!DOCTYPE html> 2 3<html> 4<head> 5 <style type="text/css" media="screen"> 6 iframe { 7 border: 10px solid black; 8 padding: 5px; 9 margin: 20px; 10 height: 150px; 11 width: 300px; 12 -webkit-box-shadow: 0 0 20px black; 13 -webkit-transform: translateZ(0); 14 } 15 16 </style> 17 <script type="text/javascript" charset="utf-8"> 18 function doTest() 19 { 20 document.getElementById('iframe').className = 'dummy'; 21 } 22 23 window.addEventListener('load', doTest, false); 24 </script> 25</head> 26<body> 27 28 <iframe id="iframe" src="resources/composited-subframe.html"></iframe> 29 30 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=42046">https://bugs.webkit.org/show_bug.cgi?id=42046</a><br> 31 You should see a blue rectangle inside the iframe when the page loads.</p> 32</body> 33</html> 34