Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 仅使用css设置图像源_Html_Css - Fatal编程技术网

Html 仅使用css设置图像源

Html 仅使用css设置图像源,html,css,Html,Css,我想从css文件中动态加载图像及其内容。我知道我可以为div设置背景图像属性,但如何为图像实现类似的功能?你不能 元素保存内容。该内容的细节不能或不应该在表示层上描述。你不能 元素保存内容。该内容的细节不能也不应该在表示层上描述。您可以将img的src设置为透明gif,并像设置div一样设置img的背景图像,但这有点麻烦。您可以使用javascript非常轻松地更改图像的src属性: document.getElementById("asdf").setAttribute("src","2.gi

我想从css文件中动态加载图像及其内容。我知道我可以为div设置背景图像属性,但如何为图像实现类似的功能?

你不能

元素保存内容。该内容的细节不能或不应该在表示层上描述。

你不能


元素保存内容。该内容的细节不能也不应该在表示层上描述。

您可以将img的src设置为透明gif,并像设置div一样设置img的背景图像,但这有点麻烦。您可以使用javascript非常轻松地更改图像的src属性:

document.getElementById("asdf").setAttribute("src","2.gif");
html:


您可以将img的src设置为透明gif,并像设置div一样设置img的背景图像,但这有点麻烦。您可以使用javascript非常轻松地更改图像的src属性:

document.getElementById("asdf").setAttribute("src","2.gif");
html:


我明白了,有没有办法使用jquery读取css文件的内容?似乎有一些插件提供了跨浏览器访问样式表()的方法,但是,考虑到内容,我想我现在感觉有点不舒服。Quentin在这里的回答显然没有回答所问的问题,但它确实邀请OP采取一种更开明的方式进行网络创作。如果Quentin链接到一个描述内容和表示的理想分离的好文章,他的回答会更有效。我明白了,有没有任何方法可以使用jquery读取css文件的内容?似乎有一些插件提供了访问样式表()的跨浏览器方法,但是,考虑到内容,我想我现在感觉有点不舒服。昆汀在这里的回答显然没有回答所提出的问题,但它确实邀请OP对网络创作采取更开明的方法。昆汀的回答如果能与一篇描述内容和表达的理想分离的好文章联系起来,将会更加有效。