zoukankan      html  css  js  c++  java
  • 网页中如何使背景固定位置不变

    网页中如何使背景固定位置不变

    在draemweaver中按Ctrl+Shift+E,新建一CSS样式(new),在background标签里,可以设定背景的各个选项:
    Background : 背景色
    Background Image :选取你的背景图
    Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
    Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
    Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
    Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。
    注意带 * 的选项要在浏览器里才能看到效果。
    设定完毕,对Dreamweaver左下角点选<body>应用该CSS样式就行了
    不光是<body>标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
    对于所有onload 的触发事件,也都可以选<body>再加Behavior,比如drag layer或打开页面后弹出窗口等等
    background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
    将以下代码加在<head>...</head>之间:
    <style>
    body{background-attachment:fixed}
    </style> 

  • 相关阅读:
    软件包管理(rpm&yum)
    文本处理三剑客之sed
    压缩归档tar
    linux文件查找find
    vim编辑器
    正则表达式
    文本处理三剑客之grep
    常用文本处理、统计工具
    文件权限管理
    用户和组管理
  • 原文地址:https://www.cnblogs.com/wifi/p/2313922.html
Copyright © 2011-2022 走看看