热门关键字:
jquery > jquery教程 > jquery教程 > 背景图片固定大法

背景图片固定大法

340
作者:管理员
发布时间:2020/9/29 0:36:04
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2641

background-attachment 定义和用法

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

持续分享CSS使用小技巧


可能的值

持续分享CSS使用小技巧


实现背景图片固定的实用代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>背景固定大法</title>
        <!--<link rel="stylesheet" href="css/main.css" />-->
        <style>
            body{
                    background-image: url(http://pic1.win4000.com/wallpaper/2017-10-14/59e1bb9f01314.jpg);
                    background-repeat: no-repeat;  /*照片不重复*/ 
                    background-attachment: fixed;
                }
        </style>
    </head>
    <body>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
            <p>传说中的背景固定大法</p>
    </body>
</html>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐