在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>
|