| 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 |