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

【问题标题】：Images disappear when the height is increased. Why?增加高度时图像消失。为什么？
【发布时间】：2012-04-21 12:00:57
【问题描述】：

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

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

样式表代码为：

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

所以那里并没有什么特别之处。

【问题讨论】：

在哪个浏览器和版本中？
您的背景属性顺序错误。应该是background: url (images/LAYER2 TEXT RIGHT.png) no-repeat fixed 50% 0;。另外，我会尽量避免文件名中的空格。
好吧，它甚至没有出现在 Dream Weaver 中......

标签： jquery css image html background

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：