【问题标题】:Possible to make an image repeat horizontally without being a background image可以使图像水平重复而不是背景图像
【发布时间】:2013-10-17 22:45:27
【问题描述】:

我希望图像水平重复,但我不想让它成为背景图像。有没有办法像这样水平重复 <img> 元素,还是我必须将其设为背景图像?

【问题讨论】:

标签: html css


【解决方案1】:

使用repeat-x 将其设为背景图像。如果你使用 JavaScript,你可以重复 <img> 来填充容器,但我想不出为什么会有人这样做。

如果您试图使图像源动态或其他什么,这就是为什么您试图避免在 CSS 中将其硬编码为图像,那么您也可以使用 JavaScript 或 PHP 等服务器端语言为容器元素动态添加style="background-image:url('http://example.com/images/image.jpg')" 属性。

【讨论】:

  • 这个解决方案还不错。我最担心的是从 dev 转移到 live 并更改 URL。
  • @AndrewAlexander 好吧,您可以为基本路径创建一个全局常量。这样,当您迁移到 live 时,您只需更改常量,您的应用程序中的所有路径都将在新环境中工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-26
  • 1970-01-01
  • 1970-01-01
  • 2011-06-07
  • 2016-03-26
  • 2017-04-22
相关资源
最近更新 更多