html - 是否可以在 CSS 中设置等效于 img 标签的 src 属性?

是否可以在 CSS 中设置 src 属性值?目前,我正在做的是:

<img src="pathTo/myImage.jpg"/>

我希望它是这样的

<img class="myClass"/>
.myClass {
    some-src-property: url("pathTo/myImage.jpg");

我想不使用在 CSS 中使用 backgroundbackground-image: 属性。

最佳答案

使用 content:url("image.jpg") .

完整的工作解决方案( Live Demo ):

<!doctype html>

<style>
.MyClass123{
    content:url("http://imgur.com/SZ8Cm.jpg");
}
</style>

<img class="MyClass123"/>

测试和工作:

  • Chrome 14.0.835.163
  • Safari 4.0.5
  • Opera 10.6
  • Firefox 100 及更高版本

经过测试且工作:

  • FireFox 40.0.2(观察Developer Network Tools,可以看到URL加载了,但是图片没有显示)
  • Internet Explorer 11.0.9600.17905(网址永远不会加载)

https://stackoverflow.com/questions/2182716/

相关文章:

html - 如何使用 CSS 防止列表项中的换行符

html - 一个表单中的两个提交按钮

html - localStorage、sessionStorage、session 和 cooki

javascript - localStorage 值的最大大小是多少?

html - AngularJS ngClass 条件

html - 如何关闭 HTML 中的自动换行?

html - 在 CSS 文件中使用相对 URL,它相对于什么位置?

html - z-index的最小值和最大值?

html - 如何在不指定父级高度的情况下强制子级 div 为父级 div 高度的 100%?

html - 使用文本对齐中心居中图像?