CSS是網頁中用來控制樣式的語言,如果想要圖片覆蓋全屏,我們需要對CSS的背景屬性進行設置。
body{ background: url(圖片鏈接) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
代碼解析:
body{ background: url(圖片鏈接) no-repeat center center fixed; }
這行代碼中的背景屬性設置了圖片作為背景,不重復顯示(no-repeat),且圖片以頁面中心為中心點(center center)進行固定顯示(fixed)。
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
這四行代碼是為了兼容不同瀏覽器而設置的,它們的作用是讓圖片按比例撐滿整個屏幕(cover)。
通過以上設置,就可以實現讓圖片覆蓋全屏的效果啦!
下一篇css怎么向右對其