Question

我希望有人能够帮助我解决一个开始使我有点发疯的问题...

我正在研究一个新的网页-www.romaheritage.co.uk/beta-我在“联系”部分的页面底部附近的背景图片有问题。用两种不同的浏览器测试该页面，该道路图像出现在Firefox中，但没有出现在Google Chrome中，我也不知道为什么！

更令人沮丧的是，我在页面顶部设置了背景图片，并且在两种浏览器中都可以正常使用！

我正在使用的CSS是这样（尽管可以随时检查网站本身）；

background-image: url(../img/contact.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

我们将不胜感激任何人能给我的帮助，因为有点像《黑客帝国》中的Neo，我现在只是看到几行代码，但迷路了……

Answer 1

问题是background-attachment: fixed;删除了该问题，以使其仅显示图像。或向backface-visibility: hidden;添加.contact-parallax-bg，以恢复固定效果。

Answer 2

.contact-us-section{
     position: relative;
}

删除相对位置，您将获得“视差”效果，并且图像在那里

CSS背景图片/封面问题

2 个答案: