background-attachment:fixed

最新推荐文章于 2024-03-11 19:43:05 发布
最新推荐文章于 2024-03-11 19:43:05 发布
阅读量104 收藏 2
点赞数
原文链接：http://www.cnblogs.com/wanbi/p/4182482.html
版权

background-attachment;设置背景图像是否固定或者随着页面的其余部分滚动。

　　scroll: 默认值，背景图像随着页面其余部分的滚动而滚动。

　　fixed: 当页面上其余内容滚动时，背景图像不会随着滚动。

background-attachment:fixed;就能实现一般的视差滚动了。需要在背景层上设置高度。

转载于:https://www.cnblogs.com/wanbi/p/4182482.html

weixin_30412167
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
background-attachment：fixed实现酷炫效果
dai_yanxia的博客
09-27 2795
最近发现一个css的背景图片的属性，可以实现一个很酷璇的效果，根据效果，我给它命名为王者换肤，下面我们来看一下它的实现方式。 css3参考手册 的背景与边框目录里面，有一个介绍background-attachment属性的，它的值有3个，分别是fixed,scroll,local,他们分别代表的意义如下： 首先测试一下scroll属性的效果,页面结构如下： <div class="wrap item1">
css background-attachment属性进阶
09-24
`background-attachment: fixed`使得背景图像固定在视口上，即使元素内容有滚动，背景图像也不会移动。这创造出一种背景图像“粘”在屏幕上的效果，无论用户滚动页面的哪个部分，背景图像始终可见。例如，常见的全屏...
关于background-attachment: fixed 实现滚动视差的逻辑理解
lin_jiejie的博客
04-18 1216
使用 background-attachment: fixed 实现滚动视差 <section style="height: 300px;width:500px;background: url('http://pic7.photophoto.cn/20080407/0034034859692813_b.jpg') fixed no-repeat;">IMG1</section...
用background-attachment:fixed做动画效果
web_xiaoling_notes的博客
05-23 895
上下滚动这个demo页面（用IE6的可以先一边去），可以看到图片有切换的动画效果，感觉还挺先进的，但其实这个demo的页面的代码灰常简单，就是在几个div里放几张背景图片，然后把背景图片设为固定就行了。 所以background-attachment:fixed真的是一个很神奇的东西，如果利用得好可以做出很炫的效果。下面就详细说下background-attachment属性。 bac
background-attachment: fixed;
jjsnc
06-02 672
html<!DOCTYPE html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head><body> <section></section> <section></s
background-attachment: fixed
weixin_50659023的博客
09-27 581
background-attachment: fixed
CSS-Background-Generator:https
04-07
- `background-attachment`: 决定背景图像是否随滚动而移动，`fixed`或`scroll`。 2. **JavaScript与CSS的交互**： - JavaScript可以通过操作DOM（Document Object Model）来动态修改CSS属性，实现背景生成器的...
background-at-movement:运动背景 - 意甲
07-09
background-attachment: fixed; background-position: center; } ``` 4. **CSS Grid和Flexbox**：这两种布局系统可以帮助开发者更好地控制背景元素和其他内容的布局，使动态背景与页面其他元素更好地融合。 5. *...
fixed-background-effect
06-16
要实现“fixed-background-effect”，只需在CSS中为目标元素添加`background-attachment: fixed;`属性。例如： ```css body { background-image: url('your-image-source.jpg'); background-attachment: fixed; ...
滚动视差效果background-attachment实战记录
09-25
例如，要在body元素上实现滚动视差效果，可以将`background-attachment`属性设置为`fixed`，这样背景就会保持固定，而页面上的内容可以相对滚动。基本的CSS代码如下： ```css body { text-align: center; ...
css background-attachment:fixed 固定背景、不随内容一起滚动
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-17 2897
兼容性：全兼容，只不过IE滚动时会有一点不流畅。 background-attachment 有 3 个选项：scroll / fixed / inherit 。 锁定背景： background-attachment:fixed; 要有比较好的体验，建议让background-image:url(""),background-color:""一起使用。这样无图片时也能有很好的体验。...
background-attachment: fixed；页面滚动得到不同的背景图（好看）
qq_60839348的博客
03-09 202
background-attachment: fixed;页面滚动得到不同的背景图
background-attachment: fixed的用法
梁同学与Android
11-12 5700
CSS background-attachment 属性 标签定义及使用说明 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。 默认值: scroll 继承: no 版本: CSS1 JavaScript 语法: object object.style.backgroundAttachment=“fixed” 属性值 scroll 背景图片随着页面的滚动而...
视差效果原理 background-attachment:fixed
weixin_33901641的博客
10-13 115
&lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; body { background-image:url('http://images2015.cnblogs.com/blog/441096/201610/441096-20161013163910781-1393436376.jpg'); background-repeat...
背景固定和滚动 background-attachment: fixed/scroll；
m0_55751104的博客
08-23 849
背景固定和滚动 background-attachment: fixed/scroll;
CSS笔记-background-attachment:fixed用法
印第安米饭
11-10 4432
个人理解：在当前盒子里，背景会相对盒子等距离反方向移动，造成一种盒子上下滚动，背景图原地不动的效果。 PS：只和当前设置了背景的盒子有关系，和其他所有元素都没关系 上图，除了背景图片，多设置一句即可 background-attachment:fixed PS：如果大家想自行测试，一个大盒子，设置上背景，下面写一堆字，就像此gif，设置大盒子的background-attachment:fixe...
background-attachment：背景图像是否固定或者随着页面的其余部分滚动。
最新发布
STRINGANIMAL的博客
03-11 373
background-attachment:fixed：背景图片是固定的。
background-attachment属性值scroll、fixed和local的区别
木木木华的博客
02-01 1367
background-attachment属性值scroll、fixed和local的区别
关于 background-attachment 属性详解
m0_60744481的博客
05-10 5515
记录学习和工作过程中的css问题以及笔记
ios background-attachment:fixed
06-03
在 iOS 中，background-attachment: fixed 的效果会被禁用，因为它会影响到页面的滚动性能。在 iOS 中，背景图像会随着页面的滚动而滚动，而不是像 fixed 效果一样固定在页面的某个位置。 如果你希望在 iOS 中实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值