Css 在chrome中未正确显示div背景图像

我正在帮助一位设计师朋友处理一个有问题的页面，这也让我有点不知所措。整个页面应该有4个div，带有背景图像和文本。页面在IE和FF中的显示与预期一致，但在chrome中，只有加载时可见的div显示其背景图像。此外，如果突出显示其他对象应占据的空间，则会显示其他对象

我创建了一个页面的擦洗版本作为示例：

---

如有任何反馈或建议，将不胜感激。谢谢

我认为这将是因为糟糕的加价

您的

示例：

当前

<div id="hope">
    <div class="hinside">
        <center>
           <p></p>
           <h1 style="color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1;" data-    sb="fadeInDown" class="sb-effect-displayed animated fadeInDown">You are Loved!</h1>
           <p>&nbsp;</p>
           <p></p>
        </center>
    </div>
</div>

---

这只是为了让您走上正确的轨道，请注意，我已从

中删除了空的

标记和填充。如果您提供一个有效的示例，我可以给出一个有效的示例。

我认为这可能是由于标记不好造成的

您的

示例：

当前

<div id="hope">
    <div class="hinside">
        <center>
           <p></p>
           <h1 style="color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1;" data-    sb="fadeInDown" class="sb-effect-displayed animated fadeInDown">You are Loved!</h1>
           <p>&nbsp;</p>
           <p></p>
        </center>
    </div>
</div>

---

这只是为了让您走上正确的轨道，请注意，我已从

中删除了空的

标记和填充。如果您提供一个有效的示例，我可以给出一个有效的示例。

我认为这可能是由于标记不好造成的

您的

示例：

当前

<div id="hope">
    <div class="hinside">
        <center>
           <p></p>
           <h1 style="color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1;" data-    sb="fadeInDown" class="sb-effect-displayed animated fadeInDown">You are Loved!</h1>
           <p>&nbsp;</p>
           <p></p>
        </center>
    </div>
</div>

---

这只是为了让您走上正确的轨道，请注意，我已从

中删除了空的

标记和填充。如果您提供一个有效的示例，我可以给出一个有效的示例。

我认为这可能是由于标记不好造成的

您的

示例：

当前

<div id="hope">
    <div class="hinside">
        <center>
           <p></p>
           <h1 style="color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1;" data-    sb="fadeInDown" class="sb-effect-displayed animated fadeInDown">You are Loved!</h1>
           <p>&nbsp;</p>
           <p></p>
        </center>
    </div>
</div>

---

---

这只是为了让您走上正确的轨道，请注意，我已从

中删除了空的

标记和填充。如果您提供一个.

删除背景附件，我可以给出一个工作示例：从所有ID（即时间、圣经、手和希望）中修复。如果这不起作用，请告诉我。：）

删除背景附件：从所有ID（如时间、圣经、手和希望）中修复。如果这不起作用，请告诉我。：）

删除背景附件：从所有ID（如时间、圣经、手和希望）中修复。如果这不起作用，请告诉我。：）

删除背景附件：从所有ID（如时间、圣经、手和希望）中修复。如果这不起作用，请告诉我。：）

将

标记更改为

标记，其样式或css位于

#h1

上。出于某种奇怪的原因，一些浏览器不能正确显示p和h1标记，而字体标记有时会消除这些标记。此外，我建议使用字体而不是p来消除一些浏览器中的换行符。

将

标记更改为

标记，并在

\h1

上使用样式或css。出于某种奇怪的原因，一些浏览器不能正确显示p和h1标记，而字体标记有时会消除这些标记。此外，我建议使用字体而不是p来消除一些浏览器中的换行符。

将

标记更改为

标记，并在

\h1

上使用样式或css。出于某种奇怪的原因，一些浏览器不能正确显示p和h1标记，而字体标记有时会消除这些标记。此外，我建议使用字体而不是p来消除一些浏览器中的换行符。

将

标记更改为

标记，并在

\h1

上使用样式或css。出于某种奇怪的原因，一些浏览器不能正确显示p和h1标记，而字体标记有时会消除这些标记。另外，我建议使用字体而不是p来消除一些浏览器中的换行符。

这似乎只是占用了太多的加载时间。如果您检查该元素，它会显示出来，似乎只是加载时间太长。如果您检查该元素，它会显示出来，似乎只是加载时间太长。如果您检查该元素，它会显示出来，似乎只是加载时间太长。如果你检查这个元素，它会显示是谁做的。非常感谢你！你确定这是设计师想要的吗？查看主页时，他希望它们被修复（所以滚动时它们会停留在一个地方）。问题是在这种情况下如何解决它，我认为第一个答案将是一个良好的开端。center是html中最奇怪的标记之一，它会导致很多问题。它实际上仍然可以在IE中正常工作。也就是说，我正在按照建议更新他的原始结构，看看是否可以得到更一致的结果。再次感谢大家的帮助！成功了。非常感谢你！你确定这是设计师想要的吗？查看主页时，他希望它们被修复（所以滚动时它们会停留在一个地方）。问题是在这种情况下如何解决它，我认为第一个答案将是一个良好的开端。center是html中最奇怪的标记之一，它会导致很多问题。它实际上仍然可以在IE中正常工作。也就是说，我正在按照建议更新他的原始结构，看看是否可以得到更一致的结果。再次感谢大家的帮助！成功了。非常感谢你！你确定这是设计师想要的吗？查看主页时，他希望它们被修复（所以滚动时它们会停留在一个地方）。问题是在这种情况下如何解决它，我认为第一个答案将是一个良好的开端。center是html中最奇怪的标记之一，它会导致很多问题。它实际上仍然可以在IE中正常工作。也就是说，我正在按照建议更新他的原始结构，看看是否可以得到更一致的结果。再次感谢大家的帮助！成功了。非常感谢你！你确定这是设计师想要的吗？查看主页时，他希望它们被修复（所以滚动时它们会停留在一个地方）。问题是在这种情况下如何解决它，我认为第一个答案将是一个良好的开端。center是html中最奇怪的标记之一，它会导致很多问题