html实现像百度的首页效果一样的背景图（代码）

之前在百度知道我提问过这一个问题，后来解决了。不过好多人来问我时怎么解决的，源码。
其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我QQ了，直接来这里取吧。@H_126_4@

里面的图片是我随便找的。

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        tITle>
    /title>
        style>
    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;
    }
        /style>
    /head>
    body>
        h1>
    按住Ctrl+滚动滚轮：可以看到文字缩放，背景不动/h1>
    /body>
    /html>
    

以上就是html实现像百度的首页效果一样的背景图（代码）的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！