页面上的中心图像HTML和CSS

-1

我为网站创建了一个登录页面www.foscaintepidario.it 但是我希望它上面的图像居中，并保持居中，当浏览器视图发生变化时。从尺寸的角度改变，而且从景观到肖像的转换以及其他方式。在het HTML/CSS中，我目前对肖像和风景版本进行了区分，它们都有自己的图像。页面上的中心图像HTML和CSS

希望你能帮助我。

来源

2017-08-28 Leon N

您需要向我们展示您尝试解决此问题的方法。你不能指望我们从头开始提供完整的答案。 – Lamar

我已经尝试了表中的不同解决方案，也有背景，但没有适合的。 –

你可以使用CSS背景元素有一个干净的看法。

background-image: url(url to image); 
background-position: center center; 
background-repeat: no-repeat; 
background-size: cover;

来源

2017-08-28 09:24:14

我之前实施了此解决方案，但图像仍保留在顶部区域，我只能看到它的一半。 –

我重新创建了这个解决方案，所以这可能会有帮助。请参阅此链接：http://www.foscaintepidario.it/index-background.html –

我终于解决了。背景图像的解决方案工作正常。我唯一需要添加的是高度：100vh参数！

Thnx为您的支持

来源

2017-08-29 07:33:57

页面上的中心图像HTML和CSS

回答

相关问题