OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/polyfill.js"></script> | |
5 <script> | 4 <script> |
6 | 5 |
7 var imageContentStyle = "content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhE
UgAAAAgAAAAICAIAAABLbSncAAAAFklEQVQIHWPUFPzPgA0wYRMEiQ1OCQD4SAFJZaEkKQAAAABJRU5E
rkJggg==);" | 6 var imageContentStyle = "content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhE
UgAAAAgAAAAICAIAAABLbSncAAAAFklEQVQIHWPUFPzPgA0wYRMEiQ1OCQD4SAFJZaEkKQAAAABJRU5E
rkJggg==);" |
8 | 7 |
9 function createImageDivWithShadow() { | 8 function createImageDivWithShadow() { |
10 var imageDiv = document.createElement('div'); | 9 var imageDiv = document.createElement('div'); |
11 imageDiv.setAttribute("style", imageContentStyle); | 10 imageDiv.setAttribute("style", imageContentStyle); |
12 var shadow = imageDiv.webkitCreateShadowRoot(); | 11 var shadow = imageDiv.webkitCreateShadowRoot(); |
13 shadow.appendChild(document.createElement('div')); | 12 shadow.appendChild(document.createElement('div')); |
14 return imageDiv; | 13 return imageDiv; |
(...skipping 22 matching lines...) Expand all Loading... |
37 | 36 |
38 function test() { | 37 function test() { |
39 document.body.appendChild(createImageDivWithShadow()); | 38 document.body.appendChild(createImageDivWithShadow()); |
40 document.body.appendChild(createImageDivWithContentShadow()); | 39 document.body.appendChild(createImageDivWithContentShadow()); |
41 document.body.appendChild(createImageDivWithFallbackContentShadow()); | 40 document.body.appendChild(createImageDivWithFallbackContentShadow()); |
42 } | 41 } |
43 </script> | 42 </script> |
44 </head> | 43 </head> |
45 <body onload="test()"></body> | 44 <body onload="test()"></body> |
46 </html> | 45 </html> |
OLD | NEW |