【问题标题】:css sprites for SVG images用于 SVG 图像的 CSS 精灵
【发布时间】:2012-08-17 03:16:01
【问题描述】:
 <image x="20" y="20" width="300" height="80" xlink:href="logo.png" />

有没有办法使用像素来定位图像?喜欢 CSS 精灵?

【问题讨论】:

  • 使用像素定位 svg 中的图像元素?或者从 logo.png 中选择一个精灵(又名剪辑)?

标签: css svg


【解决方案1】:

你可以使用 position:absolute 来定位它

例如

img {
 position:absolute;
 top:20px;
 left:20px;
}

它将相对于它的父容器定位,该容器具有位置:相对设置。

希望对您有所帮助。

【讨论】:

  • 这是一个 svg 元素,而不是一个 html 元素......所以你的建议不会起作用。
  • @ErikDahlström - 对不起,我的错。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-10-15
  • 2013-10-01
  • 1970-01-01
  • 2010-11-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多