解决iOS不支持background-attachment: fixed

知更鸟 2021年3月11日19:10:31Web前端评论319阅读模式

iOS不支持background-attachment: fixed 背景图片固定,造成背景图片放大并模糊不清。文章源自知更鸟-https://zmingcx.com/fixed-background-image-with-ios.html

解决办法:文章源自知更鸟-https://zmingcx.com/fixed-background-image-with-ios.html

@supports (-webkit-touch-callout: inherit) {
	.bg {
		background-attachment: scroll !important;
	}
}

但该方法只解决了图像放大并模糊不清问题,并无固定视差效果。文章源自知更鸟-https://zmingcx.com/fixed-background-image-with-ios.html

经测试安卓上很多国产浏览器也同样不支持background-attachment: fixed,手机版火狐和Chrome支持。文章源自知更鸟-https://zmingcx.com/fixed-background-image-with-ios.html

出处:https://stackoverflow.com/questions/20443574/fixed-background-image-with-ios7文章源自知更鸟-https://zmingcx.com/fixed-background-image-with-ios.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
CSS3 水平垂直居中 Web前端

CSS3 水平垂直居中

当使用top: 50%和left: 50% 是以左上角为原点,故不处于中心位置,可以用translate()实现水平垂直居中。 CSS3 水平垂直居中 translate()是css3的新特性,在不知...
animation动画复合属性 Web前端

animation动画复合属性

css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
安卓文本无法垂直居中 Web前端

安卓文本无法垂直居中

安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题,而在最新的移动端 Chrome 浏览器上无该问题(截止本文编写时间,微信客户端的 chro...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定