使用CSS固定背景

使用CSS可以固定背景，格式如下：
标签名{background-attachment:参数}

参数：
fixed:页面滚动时，背景固定；
scroll:页面滚动时，背景滚动。

实例：

<p class="1">fixed</p>
<p class="2">scroll</p>

</body>
</html>

时间： 2024-11-01 12:01:10

使用CSS固定背景的相关文章

CSS 固定背景不随鼠标滚动

一句话搞定: body{ background:url(图片链接地址) no-repeat center top fixed;} 分开写的话也就是 body{ background-attachment:fixed; background-image: url(图片链接地址) ; background-repeat:no-repeat; background-position: center top;}

css设置背景固定不滚动效果的示例

一.css设置背景不滚动的效果 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi

CSS的背景图像属性background

CSS的背景属性"background"提供了众多属性值,如颜色.图像.定位等,为网页背景图像的定义提供了极大的便利.看看background提供的属性值: background : background-color background-image background-repeat background-attachment background-position 从属性值的名字就可以很明白的看出来,分别是:颜色.图像.铺排.滚动.定位,其中background-repeat.ba

固定背景实现的背景滚动特效示例

分享一个来自corpse的固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动. HTML 代码如下: <div id="cbp-fbscroller" class="cbp-fbscroller"> <nav> <a href="#fbsection1" class="cbp-fbcurrent">Section 1</a

固定背景实现的背景滚动特效示例分享_javascript技巧

分享一个来自corpse的固定背景滚动特效,使用background-attachment: fixed和导航菜单,页面会非常平滑的滚动. HTML 复制代码代码如下: <div id="cbp-fbscroller" class="cbp-fbscroller"> <nav> <a href="#fbsection1" class="cbp-fbcurrent">Section 1<

利用jQuery和CSS将背景图片拉伸_jquery

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起使用jQuery和CSS实现背景图片拉伸效果. 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较

学习CSS的背景图像属性background

CSS的背景属性"background"提供了众多属性值,如颜色.图像.定位等,为网页背景图像的定义提供了极大的便利.看看background提供的属性值: background : background-color | background-image | background-repeat | background-attachment | background-position 从属性值的名字就可以很明白的看出来,分别是:颜色.图像.铺排.滚动.定位,其中backgrou

标准三栏式div+css固定示例

标准三栏式div+css固定示例以下是代码:<html> <head> <title>Nice and Free CSS Template 6</title> <style type="text/css" media="screen"><!-- /* body und schrift deffinitionen */ html { padding:0px; margin:0px; } body {