在CSS中存储所有背景图片有多糟糕？

我已经创建了网站（模板）的布局。我使用Photoshop来设计图片并将其切片以创建div s。它给了我一个包含HTML和CSS代码的HTML文件。我将它们分成两个文件HTML和CSS。 <div id="idName">标签内的背景图像被称为<img src=...标签。我改变了这一点。我将CSS文件中的图像加载为在CSS中存储所有背景图片有多糟糕？

idName { background-image: url(URL); }

网站中的所有图像都像这样加载，从而创建整个背景。

现在我的问题是：这是一个不好的做法？因为如果我将图像留在<div>标签内，我将无法将我的内容放在图像上。随着css文件中的background-image属性，我可以把我的内容放在任何地方，而不必担心背景。

来源

2012-01-26 allegjdm93

不错，所有网页设计师/开发人员都将图片存储在后台css中。 – 2012-01-26 23:52:25

但这不是_storing_？ - 就像你有css中的数据 - uri图像一样） – c69 2012-01-27 00:01:59

这是一个可怕的想法，因为无数的原因 – 2012-04-09 17:47:35

不，这非常好，实际上可能是背景图像的最佳实践。将图像声明移动到样式表中意味着稍后可以下载图像，但大多数浏览器在此期间应该有足够的其他资源进行加载，并且无论如何您都需要在背景图像之前优先考虑HTML和样式表。

只要不使用CSS背景的实际图像：如果回退的背景颜色将显著改变的意义（即图像是内容），你应该使用<img>元素与alt=属性。如果您不确定这是否是一个好主意，请考虑this question。

要提高性能（通过减少HTTP请求的数量），您可能需要考虑使用CSS sprites。

来源

2012-01-26 23:52:41 phihag

很好的答案。也许只是在如何添加几个字，而CSS是背景图像的正确位置，对于作为内容一部分的图像，您仍应该使用''标签（使用适当的替代文本或标题）？你可以链接到http://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image进一步的指导。 – 2012-01-26 23:58:45

谢谢，补充说。 – phihag 2012-01-27 00:04:03

非常感谢你们。你把我放在正确的轨道上，我现在对我的设计充满信心！ :) – allegjdm93 2012-01-27 03:30:03

在CSS中存储所有背景图片有多糟糕？

回答

相关问题