zoukankan      html  css  js  c++  java
  • ios移动端部分手机不支持background-attachment: fixed 的解决办法

    之前在做的微信端相关页面开发的时候,在一些必要的需求场景下,ios系统和某些移动端background-attachment:fixed不兼容性,并不能够达到背景图不随滚动条而滚动的效果,随后在网上查找了相关的解决方案,经过实际测试,下面的hack是管用的,也就是在设置背景图的元素上面,加一个伪元素的样式表,如下:

    (背景图所在的元素):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;
    }

    亲测有效,遇到相关问题的童鞋,可以尝试一下这种解决方案。巧妙又方便。

  • 相关阅读:
    打开网页总结
    学期总结
    总结
    Sprint3
    Sprint2团队贡献分
    6.14
    典型用户与场景
    5种创建型模式
    JAVA 将接口的引用指向实现类的对象
    Java里的接口
  • 原文地址:https://www.cnblogs.com/bettermu/p/8426194.html
Copyright © 2011-2022 走看看