问题描述
我做了很多研究,在查看各种 SO 帖子的年龄和 Mozilla 的错误跟踪器时,这个问题反复出现。
我每次使用
background-attachment: fixed;
在类似 body 标签的背景上,android 上的 firefox 无法正确放置它。它跳过与导航栏融合的底线。但是当导航栏不显示时,背景图像不是整个屏幕空间的一部分。
这能解决吗? 这是截图
红色边框不应该是可见的。 这是css代码,同时包含从其他帖子中收集的各种修改
.body-bg {
background-color: red;
background-image: url('https://picsum.photos/id/237/200/300');
background-repeat: no-repeat;
background-position: center;
/* This does not properly work*/
background-attachment: fixed;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
这是一个 html 示例页面,我添加了许多 br-tags 有一些垂直空间用于滚动
<!doctype html>
<html lang="en">
<head>
<style>
.body-bg {
background-color: red;
background-image: url('https://picsum.photos/id/237/200/300');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body class="body-bg">
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
END
</body>
有关如何在 android 版 Firefox 上处理此问题的任何提示都会很棒?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)