3

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

两个图像的宽度相同，只是高度不同。我需要更改样式表或源代码吗？

样式表代码为：

#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">

所以那里没有什么特别的。

4

2 回答 2

3

您应该从图像名称中删除额外的空格。

#intro .story{
    background: url("images/LAYER2-TEXT-RIGHT.png") 50% 0px no-repeat fixed;
    height: 3798px;
    position: relative;
    width: 1024px;
于 2012-04-09T00:50:53.690 回答
2

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

由于您没有显示 intro 的孩子，我假设您可能打算将图像应用于 div#intro 。

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

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

于 2012-04-09T00:34:36.410 回答