LayoutTests/fast/css/image-object-hover-inherit.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <style>
   5     div {
   6       width: 100px;
   7       height: 100px;
   8       background-color:red;
   9     }
  10     div:hover {
  11       border-bottom-color: inherit;
  12     }
  13   </style>
  14 </head>
  15 <body>
  16   <div>
  17     <object id="image" data="data:image/png;base64,
  18       iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACx
  19       jwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABh0RVh0
  20       U29mdHdhcmUAUGFpbnQuTkVUIHYzLjA4ZXKc4QAAAeNJREFUeF7t0sERgDAQw0DSf9FAqvA+lBRw
  21       Gsnnef/fgwzcIH3HQDEwAxiOs9QVSUEwAxjOapfO3YJgBjAcZ6krkoJgBjCc1S6duwXBDGA4zlJX
  22       JAXBDGA4q106dwuCGcBwnKWuSAqCGcBwVrt07hYEM4DhOEtdkRQEM4DhrHbp3C0IZgDDcZa6IikI
  23       ZgDDWe3SuVsQzACG4yx1RVIQzACGs9qlc7cgmAEMx1nqiqQgmAEMZ7VL525BMAMYjrPUFUlBMAMY
  24       zmqXzt2CYAYwHGepK5KCYAYwnNUunbsFwQxgOM5SVyQFwQxgOKtdOncLghnAcJylrkgKghnAcFa7
  25       dO4WBDOA4ThLXZEUBDOA4ax26dwtCGYAw3GWuiIpCGYAw1nt0rlbEMwAhuMsdUVSEMwAhrPapXO3
  26       IJgBDMdZ6oqkIJgBDGe1S+duQTADGI6z1BVJQTADGM5ql87dgmAGMBxnqSuSgmAGMJzVLp27BcEM
  27       YDjOUlckBcEMYDirXTp3C4IZwHCcpa5ICoIZwHBWu3TuFgQzgOE4S12RFAQzgOGsduncLQhmAMNx
  28       lroiKQhmAMNZ7dK5WxDMAIbjLHVFUhDMAIaz2qVztyCYAQzHWeqKpCCYAQxntUvnbkEwAxiOs9QR
  29       yQemSBErQhZ+LAAAAABJRU5ErkJggg==">
  30     </object>
  31   </div>
  32   <script>
  33   window.onload = function() {
  34     if (window.eventSender) {
  35       image = document.getElementById('image');
  36       window.eventSender.mouseMoveTo(image.offsetLeft + 10, image.offsetTop + 10);
  37     }
  38   }
  39   </script>
  40 </body>
  41 </html>