Fix: Render background-size correctly with no-repeat #447

This commit is contained in:
MoyuScript
2014-09-27 17:02:46 +03:00
parent ce2517ee6d
commit 8f46190da8
4 changed files with 17 additions and 5 deletions

View File

@ -19,15 +19,27 @@
}
.horizontal div {
width: 400px; height: 200px;
width: 400px; height: 100px;
}
.vertical div {
width: 200px; height: 400px;
width: 200px; height: 200px;
}
.container {
float: left;
border: 1px solid black;
width: 200px;
height: 200px;
background-image: url(../../assets/image.jpg);
background-size: 34px;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>
<body>
<div class="container"></div>
<div class="horizontal">
<div style='background-size: cover;'></div>