相关疑难解决方法(0)
img元素的content属性
在检查Chrome Dev工具时,我注意到以下CSS片段:
img {
content: url(image-src.png);
}
在Chrome中完美运行(见下面的截图).
这允许我通过CSS定义<img>标签的src属性.在Firefox中不起作用.到目前为止,我认为不可能通过css直接修改src属性,我没有找到任何人谈论这个.那么,这只是Chrome中的一个专有添加,还是Chrome实施W3C草案或类似我不知道的东西？
9
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
img标记具有内容CSS属性浏览器兼容性
.square {
content: url('data:image/gif;base64,R0lGODlhIAAgAPcAAP8MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIAAgAAAINQABCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJUmRAADs=');
}There should be a red square below.
<br>
<img class="square">我的期望是上面的代码会显示一个红色方块,如下所示:
基于WebKit的浏览器(如Chrome,Opera和Konqueror)似乎按预期显示它.但Firefox,Seamonkey,Edge和Internet Explorer 11不显示红色方块(它们什么都不显示).1
的contentCSS属性由覆盖CSS 2.2规范部12.2.
哪些浏览器正确遵循规范？
1所有浏览器的最新稳定版本用于测试.
5
推荐指数
推荐指数
0
解决办法
解决办法
50
查看次数
查看次数