背景图片 CSS & 文本答案

【问题标题】：Background Images CSS & Text背景图片 CSS & 文本
【发布时间】：2009-10-01 13:17:12
【问题描述】：

我想更新我的网站，在前面有文本，在网页后面使用背景图片（我想这样做是为了 SEO 优化），最好的 html/css 方式是什么？

我目前这样做的方式不是在 IE8 中正确呈现，而是在 Firefox 中正确呈现：

【问题讨论】：

【解决方案1】：

您目前正在使用看似实际内容的背景。我的建议是 - 仅将背景用于布局，而不是用于内容。

由于“alt”标签，图像标签得分更高，而且人们可以通过图像搜索找到它们。

【讨论】：

【解决方案2】：

我在您的示例页面中看不到任何背景图片。如果您只想使用 css 将背景图片添加到您的 body 标签，它可以像

一样简单

<style>
body {background-image:url('background.gif');}
</style>

【讨论】：

【解决方案3】：

在继续处理后台问题之前，我建议您首先尝试让您的网站进行验证。有一些小问题可能会导致页面在 IE/Opera 中无法正确呈现。就像<td> 中的<style>。一旦站点验证，它会更容易进行诊断，尤其是。遇到与您遇到的问题类似的问题。

如果您的网站通过验证，您将获得改进的 SEO。有关验证和 SEO 的有趣阅读：SEO & Importance of Valid Source Code

【讨论】：