gpt4 book ai didi

css - 固定背景大小在移动版 chrome 中不起作用

转载 作者:行者123 更新时间:2023-11-27 23:37:32 25 4
gpt4 key购买 nike

在我的网站 here我使用了背景图片作为主体 <body style="background: url(http://www.monsoonmalabar.com/assets/jum1.jpg) no-repeat center center fixed;">它没有显示在移动 chrome 浏览器中。我试过下面的代码,

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
min-height: 100%;
z-index: -1;
-webkit-transform: translateZ(0);
}

仍然没有在移动版 chrome 中显示。任何解决方法?

最佳答案

由于您使用了 background 限定符,它会覆盖所有预设样式(除非使用 !important)。

您可以改为在 .bod 类中设置背景的所有属性,然后像下面那样内联设置 background-image,您可以添加也可以添加如果它应该一直是相同的图像,它会内联。

.bod {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 100%;
z-index: -1;
-webkit-transform: translateZ(0);
}

在你的 body 标签内:

background-image: url([path to your image]);

关于css - 固定背景大小在移动版 chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57175325/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com