本篇文章給大家帶來的內容是關于html實現像百度的首頁效果一樣的背景圖(代碼)，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

之前在百度知道我提問過這一個問題，后來解決了。不過好多人來問我時怎么解決的，源碼。

其實很簡單。這里我貼一下代碼。有需要的小伙伴不用再加我qq了，直接來這里取吧。

里面的圖片是我隨便找的。

html,

body {

height: 100%;

}

body {

margin: 0;

background-repeat: no-repeat;

background-size: cover;

background-position: center;

background-attachment: fixed;

background-image: url(http://pic1.win4000.com/wallpaper/b/589d687069ed9.jpg);

}

h1{

height: 100%;

width: 100%;

margin: 0;

padding: 0;

color:#fff;

background-color: rgba(0,0,0,0.5);

display: -webkit-flex;

display: -moz-flex;

display: -ms-flex;

display: -o-flex;

display: flex;

justify-content: center;

align-items: center;

}

按住Ctrl+滾動滾輪：可以看到文字縮放，背景不動

總結

以上是生活随笔為你收集整理的html制作百度首页的图片不显示,html实现像百度的首页效果一样的背景图（代码）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。