本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于html實(shí)現(xiàn)像百度的首頁(yè)效果一樣的背景圖(代碼)，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

之前在百度知道我提問(wèn)過(guò)這一個(gè)問(wèn)題，后來(lái)解決了。不過(guò)好多人來(lái)問(wèn)我時(shí)怎么解決的，源碼。

其實(shí)很簡(jiǎn)單。這里我貼一下代碼。有需要的小伙伴不用再加我qq了，直接來(lái)這里取吧。

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

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+滾動(dòng)滾輪：可以看到文字縮放，背景不動(dòng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。