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> 

  • 相关阅读:
    Python 学习---------Day2
    算法入门笔记------------Day2
    Python 学习---------Day1
    算法入门笔记------------Day1
    从零系列--开发npm包(一)
    webpack2.0+ vue2.0
    gulp + angular + requirejs 简单学习
    MAC node + git + bower 简单安装
    通过docker image repository 获取docker imges id 并删除
    docker 安装vim
  • 原文地址:https://www.cnblogs.com/wifi/p/2313922.html
Copyright © 2011-2022 走看看