日星网 windows 中文论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 1737|回复: 0

background-attachment:fixed iOS下无法正常显示的完美解决方案

[复制链接]
发表于 2016-12-12 08:22:05 | 显示全部楼层 |阅读模式
最近在制作的一个公司网站,需要在body标签上使用 background-attachment:fixed 属性
在PC和安卓手机及平板上没有问题,可一到iOS的手机及平板上就出现了问题,要么不显示,要么显示极大,根本无法正确的展示
---------------------------------------------------------------------------------------------------------------------------------------------------------------
在网上找了不少的资料,都不尽人意
最后使用如下代码完美解决

  1. body::before {
  2.   background:url('bg.jpg') no-repeat top center;
  3.   background-size: cover;
  4.   display: block;
  5.   position: fixed;
  6.   top: 0;
  7.   left: 0;
  8.   width: 100%;
  9.   height: 100%;
  10.   content: "";
  11.   z-index: -1;
  12. }   
复制代码



也可以不使用::before,自己写一个空div也可。
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

手机版|小黑屋|日星网

GMT, 2020-9-29 06:22 AM , Processed in 0.019746 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表