社区
CSS
帖子详情
ios端不支持 background-attachment:fixed,求解决
qq_26361777
2015-07-21 12:59:23
求解决。。。。。。。。。。。。。。。。。。。。。。。。
...全文
376
1
打赏
收藏
ios端不支持 background-attachment:fixed,求解决
求解决。。。。。。。。。。。。。。。。。。。。。。。。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
radiu7
2016-05-09
打赏
举报
回复
ios系统和某些移动端background-attachment:fixed不兼容性,没有任何效果,但可以hack一下就可以了,代码如下: ps:想在哪个标签加背景,可以在它class后:before. body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(path/to/image) center 0 no-repeat; background-size: cover; }
利用CSS3实现毛玻璃效果示例
相信大家都知道毛玻璃效果做的好的话,能使页面显得非常生动立体,整体效果非常好,下面我们就来学习下如何利用CSS3实现毛玻璃效果。
解决
ios
使用
background
-
att
achment
:
fixed
造成的显示问题
在个人博客上做了一个固定背景下拉的效果,上线后用手中的8P看了一下 好家伙,直接白掉一块,下拉的效果也不在了,换个浏览器也一样,但安卓访问却完全正常?? 最后查了百度,原因大概是
ios
系统和某些移动
端
对
background
-
att
achment
:
fixed
不兼容,可用伪元素:before的方法代替
background
-
att
achment
:
fixed
原理:固定的伪元素设置一个背景图片 .section1:before{ content: ' '; position: fixe
background
-
att
achment
:
fixed
在iphone设备失效
背景 页面中使用了
background
-
att
achment
:
fixed
; 来控制背景图不随内容的滚动而滚动,使其固定大小。 在PC
端
可以起作用和一些安卓的机器上能够起作用,但是在iphone上没有效果。 原因 固定背景导致重绘的成本很高,并且滚动表现也不尽人意,所以在一些移动
端
是被禁止的。
解决
方案 &::after { content: ''; position:
fixed
; z-index: -1; top: 0;
ios
移动
端
部分手机不
支持
background
-
att
achment
:
fixed
的
解决
办法
之前在做的微信
端
相关页面开发的时候,在一些必要的需
求
场景下,
ios
系统和某些移动
端
background
-
att
achment
:
fixed
不兼容性,并不能够达到背景图不随滚动条而滚动的效果,随后在网上查找了相关的
解决
方案,经过实际测试,下面的hack是管用的,也就是在设置背景图的元素上面,加一个伪元素的样式表,如下: (背景图所在的元素):before { content: ' '; ...
ios
系统和某些移动
端
background
-
att
achment
:
fixed
不兼容性
固定背景不动:
background
-
att
achment
:
fixed
;
ios
系统和某些移动
端
background
-
att
achment
:
fixed
不兼容性,没有任何效果,但可以hack一下就可以了,代码如下: ps:想在哪个标签加背景,可以在它class后:before. body:before { content: ' '; position:
fixed
; z-inde...
CSS
61,124
社区成员
60,705
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章