CSS 固定背景 不随鼠标滚动

一句话搞定：

body{ background:url(图片链接地址) no-repeat center top fixed;}

分开写的话也就是

body{ background-attachment:fixed; background-image: url(图片链接地址) ; background-repeat:no-repeat; background-position: center top;}

时间： 2024-12-05 15:39:29

CSS 固定背景 不随鼠标滚动的相关文章

使用CSS固定背景

使用CSS可以固定背景,格式如下: 标签名{background-attachment:参数} 参数: fixed:页面滚动时,背景固定: scroll:页面滚动时,背景滚动. 实例: <html> <style type="text/css"> <!-- p.1{ background-attachment:fixed; background-repeat:no-repeat;background-image:url(mgc.jpg);font-size

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

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

 分享一个来自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<

CSS的背景图像属性background

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

学习CSS的背景图像属性background

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

网页设计技巧：跨浏览器的CSS固定定位

css|技巧|浏览器|设计|网页|网页设计 跨浏览器的CSS固定定位{position:fixed} 不知道您是否留意了,浏览本站时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉.当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置. IE7.Firefox.Opera,都支持CSS的{position:fixed},所以很容易实现(

jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

 经常看到在一些产品介绍页,看到全屏滚动的特效,今天推荐款jQuery插件给大家,jQuery全屏鼠标滚动切换页面特效插件multiScroll.js,支持众多的参数自定义配置,scrollingSpeed:切换速度.easing:动画效果.navigation:false是否出现导航,还支持事件Callback函数调用,onLeave.afterLoad等,效果还是和不错的,浏览器兼容方面:IE8, 9, Opera 12.以及现代的浏览器,需要浏览器支持CSS3属性,推荐学习和使用. 使用方

js实现背景图片感应鼠标变化的方法

 这篇文章主要介绍了js实现背景图片感应鼠标变化的方法,实例分析了javascript针对鼠标事件与css样式图片的操作技巧,需要的朋友可以参考下     本文实例讲述了js实现背景图片感应鼠标变化的方法.分享给大家供大家参考.具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2