如何在html中放置背景圖片而不重複覆蓋整個頁面?是否有HTML代碼或我必須使用CSS代碼?HTML背景不重複
0
A
回答
0
針對您的問題的最佳解決方案是將background-repeat:no-repeat
或background-size: cover
添加到您的CSS或您的元素的style
標記。
例如:
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
如果你堅持只使用HTML,你必須根據你的形象,或者是其他的方式來調整的元素。你的問題是指一個頁面的背景圖片,所以對於我的openion CSS或style
是實現此目的的唯一方法。
0
有,你可以用它來控制背景圖像的大小和重複兩個CSS屬性:
- 背景重複
- 背景大小
爲了設置爲覆蓋目標元素的背景圖像,您可以使用值不重複和覆蓋,如下所示:
targetelement {
background-image:url('example.jpg');
background-repeat:no-repeat;
background-size:contain;
}
如果您想了解更多關於這些CSS屬性和它們的可能值,看看這兩個網頁:
相關問題
- 1. HTML背景漸變重複
- 2. 重複背景
- 3. 背景不重複顯示
- 4. jQuery .css背景不重複
- 5. 背景圖像重複時調整窗口大小(背景重複不重複)
- 6. HTML/CSS背景重複問題
- 7. 重複HTML背景圖像只有
- 8. HTML背景重疊身體背景
- 9. 爲重複背景
- 10. CSS背景重複
- 11. 重複的背景重疊
- 12. HTML背景重複,不固定使用CSS
- 13. 背景重複 - 但不低於頁面
- 14. jQuery的背景不重複在IE中
- 15. 背景重複不起作用
- 16. 背景圖片不會重複全高
- 17. 背景重複不適用於手機
- 18. 不一致CSS背景重複計數
- 19. 不垂直重複的背景圖片
- 20. iPhone不完全重複背景圖像
- 21. CSS背景重複問題
- 22. CSS背景仍在重複
- 23. 重複圖像背景
- 24. 從精靈重複背景
- 25. 用剪輯重複背景?
- 26. 避免CSS背景重複
- 27. 背景位置和重複
- 28. 漸變背景重複
- 29. 按鈕背景Alpha重複
- 30. 重複背景的寬度
'背景重複:NO-重複'在你的CSS –
簡單的谷歌搜索顯示很多答案。 –