我读了一些令我心烦意乱的东西,我想问是否可能.
根据w3school docs content属性可以取一个url可以发声的值？!
url(url)将内容设置为某种媒体(图像,声音,视频等)
据MDN称
该值是指定外部资源(例如图像)的URI.如果无法显示资源或图像,则会忽略它或显示某个占位符.
所以我试了一下
content: url('http://www.w3schools.com/html/horse.ogg');
没有任何反应.我的问题是,是否确实可以使用CSS触发声音效果,或者这只是w3schools docs中的一个错误？
编辑:关于何时有用的示例:
当然,您可以使用JS触发声音,但有些情况下您不允许使用javascript或用户未启用javascript.因此,假设你为第三个网站提供了一个元素,并且你可以只使用HTML + CSS(例如横幅),如果content确实接受了声音,它就可以触发对伪元素悬停的声音效果.
该值是指定外部资源(例如图像)的URI.如果用户代理无法显示资源,则必须将其保留为未指定,或者显示某些无法显示资源的指示.
旧的CSS3 Generated and Replaced Content Module工作草案(2003)说
如果URI可用且格式受支持,则元素或伪元素将成为替换元素,否则,将使用逗号分隔列表中的下一项(如果有).
较新的CSS生成内容模块第3级编辑器草案(尚未准备好实施)说基本相同:
对于值的最后一个逗号分隔部分中的URI以外的URI,如果URI可用且支持格式,则元素或伪元素将成为替换元素,否则,将使用逗号分隔列表中的下一个项目,如果有的话.
因此,似乎浏览器可能决定支持声音并渲染为替换元素<audio>.但最有可能他们不会.