add tests for sliver background images

This commit is contained in:
Chang Wang 2020-11-03 18:58:50 +00:00 committed by GitHub
parent 55b1036336
commit 439de116d9
2 changed files with 7 additions and 0 deletions

BIN
tests/assets/bg-sliver.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 B

View File

@ -9,6 +9,10 @@
display: block; display: block;
background:url("../../assets/image.jpg") center center; background:url("../../assets/image.jpg") center center;
} }
.sliver div {
background:url("../../assets/bg-sliver.png") center center;
background-size: 650px auto;
}
.vertical { .vertical {
float: right; float: right;
@ -57,5 +61,8 @@
<div style='background-size: auto;'></div> <div style='background-size: auto;'></div>
</div> </div>
<div class="container" style="padding: 10px; background-size: contain; background-origin: content-box; background-clip: content-box"></div> <div class="container" style="padding: 10px; background-size: contain; background-origin: content-box; background-clip: content-box"></div>
<div class="sliver">
<div></div>
</div>
</body> </body>
</html> </html>