css background-attachment:fixed固定背景不随内容一起滚动

2人阅读 评论(0) 收藏 举报
分类:

兼容性:全兼容,只不过IE滚动时会有一点不流畅。

base knowledge:

background-attachment:scroll(default)/ fixed(div内容不随内容一起滚动)/inherit

brief summary:

        要有比较好的体验,建议让background-image:url(""),background-color:""一起使用。这样无图片时也能有很好的体验。

可以做出这种效果。:reference:                  https://www.mmcoins.org/cn/?from=singlemessage

查看评论

PHPCMS内容二次开发

PHPCMS V9(后面简称V9)采用PHP5+MYSQL做为技术基础进行开发。V9采用OOP(面向对象)方式进行基础运行框架搭建。模块化开发方式做为功能开发形式。框架易于功能扩展,代码维护,优秀的二次开发能力,可满足所有网站的应用需求。
  • 2018年03月21日 16:19

CSS中背景图片滚动属性background-attachment

该属性用来定义背景图片是否随浏览器滑块的拖动而滚动,在背景图片滚动属性中,可以使用两个属性值,分别为scroll和fixed,      background-attachment: scroll ...
  • woshisap
  • woshisap
  • 2013-01-08 16:08:53
  • 10856

background-attachment:fixed实现背景固定的效果

取值为fixed的时候,意思是固定背景,不管这个元素在什么地方,它的背景的位置就与它本身无关了,始终是参照浏览器的可见视窗来定位的...
  • u011144211
  • u011144211
  • 2015-07-07 11:29:46
  • 2627

CSS实现背景不随浏览器滚动的方法

background不随浏览器滚动的代码如下: CSS代码 body { background:url(背景图片地址) no-repeat fixed center top; margin...
  • u012637258
  • u012637258
  • 2017-10-12 14:38:09
  • 173

视差滚动之background-attachment

视差滚动background-attachment 展示范围、展示位置
  • nanjwangc
  • nanjwangc
  • 2016-04-06 18:58:26
  • 549

宽度一定且使背景图片不变形的情况下,背景图片不随内容滚动(固定)

情景描述在做一个移动端的项目时,内容如果超出手机高度,出现滚动条向下滑动时要求背景图片不能跟随内容滑动,且背景图片不会变形。这里会想到用background-attachment:fixed;来解决这...
  • zhangxiaodui
  • zhangxiaodui
  • 2017-08-23 17:08:11
  • 341

同时使用background-attachment:fixed; 和 background-size:cover;时背景图大小被切割的解决方法

想要的效果:网站banner图片,在往下拉滚动条的时候,希望保持不动,下面的内容从它上面盖过去。 ...
  • yingbangwang
  • yingbangwang
  • 2017-03-29 18:25:41
  • 604

固定层不随滚动条滚动而滚动(纯CSS,兼容IE6,IE7,IE8,Firefox,Safari)

使用CSS来固定层,此层不随滚动条滚动而滚动,固定层分三个位置: 页面顶端:   页面中央:   页面底层:     StaticContent.css文件: /****...
  • lovegonghui
  • lovegonghui
  • 2015-11-03 17:02:15
  • 370

CSS基础 不会随着滚动条变化的固定在左上角的div块

       慈心积善融学习,技术愿为有情学。善心速造多好事,前人栽树后乘凉。我今于此写经验,愿见文者得启发。1、代码<!DOCTYPE html> <htm...
  • yushaopu
  • yushaopu
  • 2016-09-27 09:03:17
  • 2189

基于flex弹性布局实现“头尾固定,中间滚动”的页面(纯CSS实现)

之前写过一个小项目,首先这个页面布局是这个样子滴,举个栗子,京东的首页: 这算是一种还算常见的页面样式吧,头部和底部固定(或者底部固定没有头、头部固定没有底),有的会用fixed去做,但有在...
  • qazxbjp2010
  • qazxbjp2010
  • 2017-02-23 14:14:19
  • 5086
    个人资料
    持之以恒
    等级:
    访问量: 6362
    积分: 802
    排名: 6万+
    文章存档
    最新评论
    English
    包含口语和新概念