html - 使用带有 IMG 标签的 Sprite ?

标签 html css css-sprites html-validation

我了解如何使用 sprite,但是,IMG 标签不需要“src”属性吗?我总是可以使用 SPAN 或其他标签并设置背景/宽度/等,但它在语义上是不正确的。

基本上,我想省略 IMG 标签的 SRC 并只使用 sprite,但担心 HTML 因此在技术上无效。谢谢。

最佳答案

使用 Sprite 并不一定意味着您需要在 css 背景中定义它们。您还可以使用 IMG 标签 Sprite ,为此您基本上需要修剪图像。有两篇很好的文章解释了该技术:

http://tjkdesign.com/articles/how-to_use_sprites_with_my_Image_Replacement_technique.asp

http://www.artzstudio.com/2010/04/img-sprites-high-contrast/

CSS 和 IMG 方法肯定各有优势,因此您需要弄清楚哪种方法更适合您。

关于html - 使用带有 IMG 标签的 Sprite ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4335957/

相关文章:

Javascript:优化具有多种颜色的大文本的插入

css - 我可以只使用 CSS 为 Bootstrap 图标添加颜色吗?

javascript - 填充窗口背景

jquery - 使用 html5 文件系统 api 获取本地 mp3 文件的元数据

html - 更改列宽

html - 如何在不为每个 div 设置宽度的情况下让我的两个 div 位于同一行?

css - 从用户端取消划掉 css 属性

CSS Sprite 加载速度 - 哪个更快?

html - 转义 HTML 中的特殊字符

javascript - 在两个叠加的非分层元素上调用点击事件