layout/reftests/backgrounds/background-position-7.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <title>background-position: left 25% bottom</title>
michael@0 5 <style type="text/css">
michael@0 6 .outer
michael@0 7 {
michael@0 8 border: 1px solid black;
michael@0 9 width: 128px;
michael@0 10 height: 128px;
michael@0 11 }
michael@0 12 .outer > div
michael@0 13 {
michael@0 14 width: 128px;
michael@0 15 height: 128px;
michael@0 16 background-image: url(aqua-32x32.png);
michael@0 17 background-repeat: no-repeat;
michael@0 18 }
michael@0 19 #inner1
michael@0 20 {
michael@0 21 background-position: left 24px bottom;
michael@0 22 }
michael@0 23 #inner2
michael@0 24 {
michael@0 25 background-position: left 25% bottom;
michael@0 26 }
michael@0 27 #inner3
michael@0 28 {
michael@0 29 background-position: right 75% bottom;
michael@0 30 }
michael@0 31 #inner4
michael@0 32 {
michael@0 33 background-position: right 72px bottom;
michael@0 34 }
michael@0 35 </style>
michael@0 36 </head>
michael@0 37 <body>
michael@0 38 <div class="outer"><div id="inner1"></div></div>
michael@0 39 <div class="outer"><div id="inner2"></div></div>
michael@0 40 <div class="outer"><div id="inner3"></div></div>
michael@0 41 <div class="outer"><div id="inner4"></div></div>
michael@0 42 </body>
michael@0 43 </html>

mercurial