| <!DOCTYPE html> |
| <title>CSS Test: background-size: cover with zero-sized background positioning area.</title> |
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#valdef-background-size-cover"> |
| <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4049"> |
| <link rel="help" href=" https://bugzilla.mozilla.org/show_bug.cgi?id=1559094"> |
| <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> |
| <link rel="author" href="https://mozilla.org" title="Mozilla"> |
| <link rel="match" href="background-size-cover-003-ref.html"> |
| <style> |
| body { margin: 0 } |
| div { |
| background-size: cover; |
| background-repeat: no-repeat; |
| background-position: top left; |
| background-origin: content-box; |
| background-image: url(/images/green-100x50.png); |
| } |
| #test1 { |
| height: 0; |
| width: 100px; |
| padding-bottom: 100px; |
| } |
| |
| #test2 { |
| height: 100px; |
| width: 0; |
| padding-left: 100px; |
| } |
| #test3 { |
| height: 0; |
| width: 0; |
| padding-left: 100px; |
| padding-bottom: 100px; |
| } |
| </style> |
| <div id="test1"></div> |
| <div id="test2"></div> |
| <div id="test3"></div> |