layout/reftests/backgrounds/attachment-local-positioning-4.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 <!doctype html>
michael@0 2 <title>CSS Test: background-attachment: local; positioning area with dir=rtl, top left</title>
michael@0 3 <link rel="match" href="attachment-local-positioning-4-ref.html" />
michael@0 4 <meta name="flags" content="dom" />
michael@0 5 <link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
michael@0 6 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
michael@0 7 <style>
michael@0 8 #outer {
michael@0 9 border: solid;
michael@0 10 /* With scrolling, effective position is -10px -10px */
michael@0 11 background: url(aqua-yellow-32x32.png) local no-repeat 0 0;
michael@0 12 overflow: hidden;
michael@0 13 width: 200px;
michael@0 14 height: 300px;
michael@0 15 }
michael@0 16 div div {
michael@0 17 width: 250px;
michael@0 18 height: 370px;
michael@0 19 }
michael@0 20 p {
michael@0 21 margin: 0;
michael@0 22 padding-top: 100px;
michael@0 23 }
michael@0 24 </style>
michael@0 25 <div id=outer dir=rtl>
michael@0 26 <div>
michael@0 27 <p><img src=blue-32x32.png style="width: 160px"></p>
michael@0 28 </div>
michael@0 29 </div>
michael@0 30 <script>
michael@0 31 var outer = document.getElementById('outer');
michael@0 32 // See https://bugzilla.mozilla.org/show_bug.cgi?id=383026 for negative values.
michael@0 33 outer.scrollLeft = -40;
michael@0 34 outer.scrollTop = 10;
michael@0 35 </script>

mercurial