重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
小編給大家分享一下css如何設置全屏背景圖片,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css設置全屏背景圖片的方法:可以利用background屬性和overflow屬性來進行設置,如【overflow:hidden; background-position:center center;】。
body、html設置
html,body{ height: 100%; }
圖片所在div設置
.wrapper{ background:#000000 url("../../img/login/login.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
以上是css如何設置全屏背景圖片的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!