当前位置: 首页 > 面试题库 >

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

祁修诚
2023-03-14
问题内容

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

<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](http://jsfiddle.net/3BRN7/406/)):

<!doctype html>



<style>

.MyClass123{

    content:url("http://imgur.com/SZ8Cm.jpg");

}

</style>



<img class="MyClass123"/>

经过测试和工作:

  • Chrome14.0.835.163
  • Safari 4.0.5
  • Opera 10.6

经过测试, 无法 正常工作:

  • FireFox 40.0.2(观察开发人员网络工具,您可以看到已加载URL,但未显示图像)
  • Internet Explorer 11.0.9600.17905(URL永远不会加载)


 类似资料:
  • 我想从图像(即img)标签中提取源(即src)属性,我使用bs4,我不能使用来获取,但是我可以获取。我该怎么办?

  • 问题内容: 我没有找到有关如何执行此操作的任何资源。只需更改播放器的颜色即可,:) 问题答案: 是! 具有“ controls”属性的HTML5音频标签使用浏览器的默认播放器。您可以根据自己的喜好自定义它,方法是不使用浏览器控件,而是滚动自己的控件并通过javascript与音频API对话。 幸运的是,其他人已经做到了。我现在最喜欢的播放器是jPlayer,它的风格非常好,效果很好。一探究竟。

  • 问题内容: 我一直在使用TwitterBootstrap构建网站,其许多功能都依赖于将内容包装在中,即使它们只是执行Javascript也是如此。我在Bootstrap文档所建议的策略上遇到了问题,因此我试图寻找其他解决方案。 但是后来我尝试完全删除该属性。我一直在使用,并让Javascript处理其余部分。而且有效。 但是有件事告诉我我不应该这样做。对?我的意思是,从技术上讲,它应该是某事的链接

  • 问题内容: 如何使用javascript 更改标签的属性? 起初,我有一个默认的src,它是“ ../template/edit.png”,我想用onclick来更改“ ../template/save.png”。 更新:这是我的HTML onclick: 和我的JS 我尝试将其插入edit()内,它可以工作,但需要单击两次图像 问题答案: 现在还可以

  • 问题内容: 我有一个WebElement,我想将其属性值重置为其他值(例如,该属性,并且要将其原始值更改为new )。 可能吗?我正在使用Selenium 2.0(WebDriver。) 问题答案: 您将必须使用JavascriptExecutor类:

  • 问题内容: 我需要在CSS中定义的src属性。有没有办法指定这个属性? 问题答案: