HTML+;CSS |更改`内的背景位置<;分区>;`-我怎样才能做到这一点?
我有一个HTML+;CSS |更改`内的背景位置<;分区>;`-我怎样才能做到这一点?,css,image,background,containers,background-image,Css,Image,Background,Containers,Background Image,我有一个容器,我希望它有高度:90vh,宽度:100vw 我想调整它的位置,如果需要其他东西,它们也可以从左边的图片到右边的图片,在我的容器内: 有没有可能用像素或其他东西来调整位置,这样我就可以在我的容器中“移动”我的图片,但它仍然不会在容器中留下空白,所以它会完全覆盖它 提前感谢。:) 听起来你在寻找一种方法,即使容器大小发生变化,也能让图像始终充满容器 如果尚未创建,请在容器内创建另一个div,并将其背景图像设置为图像url(并删除img)。然后设置背景尺寸:封面。现在您可以将容器div
容器,我希望它有高度:90vh,宽度:100vw
我想调整它的位置,如果需要其他东西,它们也可以从左边的图片到右边的图片,在我的容器内:
有没有可能用像素或其他东西来调整位置,这样我就可以在我的容器中“移动”我的图片,但它仍然不会在容器中留下空白,所以它会完全覆盖它
提前感谢。:) 听起来你在寻找一种方法,即使容器大小发生变化,也能让图像始终充满容器 如果尚未创建,请在容器内创建另一个
div
,并将其背景图像设置为图像url(并删除img
)。然后设置背景尺寸:封面新的div
上的code>。现在您可以将容器div
设置为display:flex代码>和新的div
将如何响应周围的其他内容
例如
HTML:
CSS:
.container{display:flex;}
.image{背景大小:封面;}
注意:您的图像建议您设置背景位置:中间代码>在.image
你问什么有点不清楚。你提到你想在图像的右边得到结果,然后说“不会在容器中留下空白”,这是在右边。你说的封面是指填充吗?请澄清(在你的帖子中,而不是评论),谢谢。请提供你的代码,以及到目前为止你尝试了什么
HTML:
<div class="container">
<div class="image" style="background-image:url(<img_url_here>);"></div>
<div class="other_varying_height_content"></div>
</div>
CSS:
.container { display: flex; }
.image { background-size: cover; }