20.2 插入图像文件
20.2.1 在标题前插入图像文件
使用before选择器或after选择器,除了可以在元素的前面或后面插入文字之外,还可以插入图像文件。插入图像时,需要使用url属性值来指定图像文件的路径。在如下所示的代码中,在h2标题元素前插入了mark.png图像文件。
h2:before{
content:url(mark.png);
}
<h2>你好</h2>
目前Firefox、Chrome、Safari、Opera浏览器都支持这种插入图像文件的功能,在IE8中只支持插入文字的功能,不支持插入图像文件的功能。
另外,在CSS 3的定义中还可以通过url属性来插入音频文件、视频文件等其他格式的文件,但目前还没有得到任何浏览器的支持。