LayoutTests/fast/css/content-dynamic.html

   1 <html>
   2 <head>
   3     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=11744</title>
   4     <style type="text/css">
   5         div { background-color: red; width: 100px; height: 50px; }
   6         div.imageContent { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAAA1BMVEUAgACc+aWRAAAADElEQVR42mNgIAEAAAAtAAH7KhMqAAAAAElFTkSuQmCC); }
   7     </style>
   8 </head>
   9 <body>
  10     <div id="dynamic"></div>
  11     <div id="inline"></div>
  12     <script type="text/javascript">
  13         document.getElementById("dynamic").className = "imageContent";
  14         document.getElementById("inline").setAttribute("style", "content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAAA1BMVEUAgACc+aWRAAAADElEQVR42mNgIAEAAAAtAAH7KhMqAAAAAElFTkSuQmCC);");
  15     </script>
  16 </body>
  17 </html>