【问题标题】:Background-position in Image tag图片标签中的背景位置
【发布时间】:2013-11-12 07:05:12
【问题描述】:

我使用了 background-position: (0)px (0)px;在 css 中多次使用 background-image: url(.....); 但我想知道我是否可以在 IMAGE 标记中使用这个 Css 属性。实际上我想要的是这样的东西;

<a href="(some line page.html)" target="_blank"><img style="float: left; background-position: 0px 0px;" src="images/variousthumbnails.jpg" alt="Thumbnail 1" width="100" height="98" /></a>

“variousthumbnails.jpg”包含 9 张宽 100 像素和高 98 像素的图像。我想在这个图像标签中显示位于“0px 0px”的第一个缩略图,以此类推。 如果可能的话,请告诉我。

我不能在 css 中使用背景图片。

谢谢。

【问题讨论】:

  • 为什么不将classid 添加到可以设置背景图像位置的图像中。

标签: html css image background tags


【解决方案1】:

我相信你指的是一种叫做 CSS Sprites 的方法。

您使用一张包含许多小图片的大图片,因此您只需加载一张图片即可用于您的所有页面。

这里有一个很好的概述:CSS - using one background image with multiple images on it

【讨论】:

  • 感谢您的回复。是的,但我想在Image标签上使用它,不能使用css。
  • 你有我可以用来为你做 jsfiddle 的示例图片吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-05
  • 1970-01-01
  • 2011-08-11
  • 2014-08-23
相关资源
最近更新 更多