Question

我正在尝试制作视差页面，但是当我将占位符图像更改为我将要使用的图像时，新的图像会消失。

两幅图像的宽度相同，高度不同。我是否需要在样式表或源代码中进行更改？

样式表代码是：

#intro .story{
    background: url (images/LAYER2 TEXT RIGHT.png) 50% -0px no-repeat fixed;
    height: 3798px;
    position: relative;
    width: 1024px;

在源代码中，它只是放置为：

</head>
<body>
<div id="intro">

所以那里没什么特别的。

Answer 1

您应该从图片名称中删除其他空格。

#intro .story{
    background: url("images/LAYER2-TEXT-RIGHT.png") 50% 0px no-repeat fixed;
    height: 3798px;
    position: relative;
    width: 1024px;

Answer 2

问题可能在你的CSS中。 #intro .story是元素的选择器，其类名为“story”，它是id为“intro”的元素的子元素。

由于您没有展示介绍的孩子，我假设您可能想要将图像应用于div #intro。

如果这不是问题，那么如果您直接转到该图片网址，是否可以在浏览器中加载新图片？换句话说，您确定正确拼写了名称并且图像位于您指定的位置吗？

由于您的其他占位符加载，这表示可能无法正确引用新的占位符。您可以尝试加载一些不同大小的不同图像，以了解有关该问题的更多信息。

高度增加时图像消失。为什么？

2 个答案: