layout/reftests/backgrounds/attachment-local-clipping-image-2.html

   1 <!doctype html>
   2 <title>CSS Test: background-{attachment: local; clip: padding-box; image}</title>
   3 <link rel="match" href="attachment-local-clipping-image-1-ref.html" />
   4 <meta name="flags" content="dom" />
   5 <link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
   6 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
   7 <style>
   8 #outer {
   9   width: 200px;
  10   height: 200px;
  11   padding: 40px;
  12   border: 10px dashed;
  13   overflow: hidden;
  14   background: url(aqua-yellow-32x32.png) local padding-box;
  15 }
  16 #outer div {
  17   height: 500px;
  18 }
  19 p {
  20   margin-top: 20px;
  21 }
  22 </style>
  23 <div id=outer>
  24   <div>
  25     <p><img src=blue-32x32.png></p>
  26   </div>
  27 </div>
  28 <script>
  29 document.getElementById('outer').scrollTop = 15;
  30 </script>