object-position-png-002-ref.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/publicdomain/zero/1.0/
  5. -->
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <title>CSS Reftest Reference</title>
  10. <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
  11. <style type="text/css">
  12. div {
  13. background: lightgray;
  14. margin-right: 2px;
  15. background-image: url("colors-8x16.png");
  16. background-size: contain;
  17. background-repeat: no-repeat;
  18. float: left;
  19. width: 20px;
  20. height: 20px;
  21. }
  22. .op_x-7 { background-position: -7% 50% }
  23. .op_x13 { background-position: 13% 50% }
  24. .op_x23 { background-position: 23% 50% }
  25. .op_x50 { background-position: 50% 50% }
  26. .op_x75 { background-position: 75% 50% }
  27. .op_x88 { background-position: 88% 50% }
  28. .op_x111 { background-position: 111% 50% }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="op_x-7"></div>
  33. <div class="op_x13"></div>
  34. <div class="op_x23"></div>
  35. <div class="op_x50"></div>
  36. <div class="op_x75"></div>
  37. <div class="op_x88"></div>
  38. <div class="op_x111"></div>
  39. </body>
  40. </html>