頁面上的中心圖像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

回答

相關問題