ios移动端部分手机不支持background-attachment: fixed 的解决办法

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;
}

内容来自:前端录»ios_iphone_移动端background-attachment:fixed兼容性[失效]

原文链接:http://www.wozhuye.com/index.php?m=content&c=index&a=show&catid=3&id=318

时间: 2024-08-15 06:02:52

ios移动端部分手机不支持background-attachment: fixed 的解决办法的相关文章

关于IOS由于Dropbox被封,https请求不好用的解决办法

最近研究IOS的In-House安装方法,好不容易申请下来了企业级证书,也使用了Dropbox的网盘来支持苹果的In-House安装方法,也给客户展示了,下载的地址也给客户了.没过几天,坑爹的天朝把Dropbox给封了,部署上去的下载地址全不好用了,刚刚客户给我打电话问这件事咋办,搜索了国内所有主流的网盘我也没找到既可以有直链地址的网盘又支持https的,就在灰心之际,我想起了开源中国,记得在做开源项目时,开源中国是https请求,并且可以在网页中展示出全部代码.所我马上在开源中国申请了一个账号

Windows下Apache配置SSL以支持https及出错的解决办法

步骤一:安装apache,使其支持SSL,并安装php 1.安装配有SSL模块的apache,apache_2.2.8-win32-x86-openssl-0.9.8g 2.配置apache以支持SSL: 1)打开apache的配置文件conf/httpd.conf LoadModule ssl_module modules/mod_ssl.so Include conf/extra/httpd-ssl.conf 去掉两行前面的# 2)注意修改httpd-ssl.conf 文件里的两个字段: S

IE8以下不支持css3 media query的解决办法

针对IE8以下不支持css3的media query,可以使用response.js解决 下载地址:https://github.com/scottjehl/Respond/ 这里有一篇关于其实现原理的文章:http://caibaojian.com/respondjs.html 引用时的注意点: 不可将媒介查询代码写在html内部,因为response是通过ajax分析link引入的css文件,故html里面的样式将被忽略. 引入文件需在css引入之后 <!--[if lte IE 8]>

iOS开发 - &quot;Cast from pointer to smaller type &#39;int&#39; loses information” 解决办法

今天要写一个联系人搜索算法. 百度了下, 在code4App中找到相关代码. 但是自己跑了下, 发现报错. 错误内容如下: "Cast from pointer to smaller type 'int' loses information"  从错误内容我们也能看出, 错误出在'int'这里了. 而那份代码也比较早的, 在Xcode5.1之后, 要用uintptr_t来替代int. 把错误语句处的int全换成uintptr_t即可. iOS开发 - "Cast from p

IOS设备上给body绑定click事件不生效及其解决办法

事件背景: 最近在做一个移动端业务的时候碰到一个bug,在ios上对body绑定click事实现事件代理冒泡至某些元素上尽然不生效. 思考: 暂借助jquery展示下事件绑定代码,将所有标签含有data-tip属性的元素通过事件代理至body $('body').on('click','[data-tip]',function(e){ console.log($(this.).attr('data-tip')) }) 这样做在android和pc上都可以正常实现,但是在ios上面对部分标签尽然不

IOS 中微信 网页授权报 key[也就是code]失效 解决办法

枪魂微信平台ios手机点击返回 网页授权失败,报key失效.已经解决,原因是授权key只能使用一次,再次使用就会失效. 解决办法:第一次从菜单中进行授权时,用session记录key和open_id.当点击返回时,判断session中key是否为空当不为空时,直接获取open_id,就不用通过key进行验证并获取open_id . $open_id = ""; if(!empty($_GET["code"])&&empty($_SESSION[&qu

eclipse连不上手机com.android.ddmlib.AdbCommandRejectedException: device offlin解决办法

刚才遇到一个问题,手机连不上eclipse,百度了下,有很多解决办法,分享给大家. 当控制台出现: Uploading ****.apk onto device '1000b1eda2c2' Failed to install ****.apk on device '1000b1eda2c2': adb rejected install command with: device offline com.android.ddmlib.AdbCommandRejectedException: dev

Chrome浏览器42版本以上不支持silverlight 5.0的解决办法

场景: 浏览器:chrome V43 插件:silverlight 5.0 操作系统:xp 问题: 自己开发silverlight网站在IE7和firefox中能正常打开,但在chrome中打开失败. 原因: chrome 从42版本开始不支持NPAPI,(Chrome 42禁用NPAPI和相关插件:Java.Unity和Silverlight) 解决办法: 1.在Chrome浏览器地址栏中输入:chrome://flags/ 2.在打开的浏览器配置页面中找到"启用 NPAPI Mac, Win

h5移动端常见虚拟键盘顶起底部导航栏解决办法

在h5移动端开发中相信很多朋友跟我一样都会遇到页面底部导航被虚拟键盘顶起的问题,自己在网上找到的解决办法拿出来与大家分享,有不完美之处还望见谅,有更好的解决办法可以贴出来大家一起互相学习!! var oHeight = $(document).height(); //浏览器当前的高度 // 浏览器窗口发生变化时判断 $(window).resize(function(){ if($(document).height() < oHeight){ $('footer').hide(); }else{