使用CSS对伪元素发出声音
我读到了一些令我震惊的东西，我想问一问是否可能。
根据w3school文档，content属性可以取一个url值，它可以是声音 ?！
url(url)将内容设置为某种媒体(图像、声音、视频等)。
根据MDN
该值是一个URI，它指定外部资源(例如图像)。如果无法显示资源或图像，则会忽略该资源或图像，或显示某个占位符。
所以我试了一下
content: url('http://www.w3schools.com/html/horse.ogg');
什么都没发生。我的问题是，是否真的可以使用CSS触发声音效果，还是w3schools docs中的一个错误？
编辑:关于何时这可能有用的示例：
当然，您可以使用JS触发声音，但是在某些情况下，您不允许使用javascript，或者用户没有启用javascript。因此，假设您为第三个网站提供一个元素，并且只允许使用HTML+CSS (例如横幅)，如果content确实接受声音，那么就有可能在伪元素悬停时触发声音效果。
回答 2
Stack Overflow用户
发布于 2016-04-01 15:38:21
该值是一个URI，它指定外部资源(例如图像)。如果用户代理无法显示资源，则必须在未指定资源的情况下将其排除在外，或者显示无法显示资源的某种指示。
旧的生成和替换内容模块的CSS3工作草案(2003年)说
如果URI可用，并且支持格式，则元素或伪元素将成为替换元素，否则，将使用逗号分隔列表中的下一项(如果有的话)。
较新的CSS生成的内容模块级别3编辑器草稿(尚未准备好实现)基本相同：
对于值的最后一个逗号分隔部分中的URI以外的URI，如果URI可用并且支持格式，则元素或伪元素将成为替换元素，否则，将使用逗号分隔列表中的下一项(如果有的话)。
因此，浏览器似乎决定支持声音和渲染作为替代元素，如<audio>。但很可能他们不会。
Stack Overflow用户
发布于 2016-04-01 15:34:50
W3C规范的读取方式略有不同
该值是一个URI，它指定外部资源(例如图像)。如果用户代理无法显示资源，则必须在未指定资源的情况下将其排除在外，或者显示无法显示资源的某种指示。
如果可能的话，没有提到sound...if it ，也没有迹象说明如何显示/声音/激活.而且目前最好是由浏览器来实现。
So...arguably，W3Schools第一次得到了wrong....not。
https://stackoverflow.com/questions/36359902
复制相似问题
腾讯云开发者
