我想在 html 的内容增加时拉伸图像。并且每当内容增加时,就会自动拉伸背景图像,而无需在 css 中重复。在 Html 页面中。
问问题
365 次
3 回答
0
这是我避免拉伸的建议:
div {
background-image: url(http://placekitten.com/200/300);
background-repeat: no-repeat;
height: auto;
width: 100%;
background-position: 50% 0;
background-size: 100%;
}
于 2013-04-09T16:57:21.637 回答
0
这是我的CSS:
div {
background-image: url(http://placekitten.com/200/300);
background-repeat: no-repeat;
min-width: 200px;
min-height: 300px;
background-size: 100% 100%;
}
background-size: cover;
也会起作用,但效果略有不同。
于 2013-04-09T16:44:24.197 回答
-1
我们可以在添加大内容时拉伸背景图像而无需在 css 中重复图像
请尝试下一个:
background-size: cover;
或者
background-size: contain;
于 2015-12-09T13:05:33.847 回答