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

标签 html css image 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
  • 歌剧 10.6
  • Firefox 100 及更新版本

测试和工作:

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

关于html - 是否可以在 CSS 中设置 img 标签的 src 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39020168/

相关文章:

java - 在Java中通过剪切生成方形缩略图(不破坏纵横比)?

jquery - 如何使用 css、javascript 和 html 扩展下拉菜单?

javascript - 如何动态更改表格单元格文本颜色?

JavaScript 搞砸了 OnChange 文件输入

html - CSS 媒体检测溢出

javascript - 如何根据 ID 定位表,以便遍历其 td-spans、更改 span 颜色以及将其值提供给控制台

html - 如何用css使这个图像模糊

javascript - 直接下载img标签

javascript - 如何在 Canvas 中的单击点上居中和缩放

javascript - 如何每次onload加载不同的css