Opera 10 支持 html5 音频标签，但 Opera 11？答案

【问题标题】：Opera 10 supports html5 audio tag but Opera 11?Opera 10 支持 html5 音频标签，但 Opera 11？
【发布时间】：2010-12-30 04:43:00
【问题描述】：

我一直从事 HTML5 项目，最近注意到 Opera 10.60 完美支持音频标签，但不支持最新版本的 Opera（版本 11.00 build 1156）。

您可以在 Opera 11.00 中尝试使用 URL：http://moztw.org/demo/audioplayer/。我可以毫无问题地看到音频播放器，但它只是不播放音乐。

我的 HTML 代码很简单：-

<audio controls src="media/vincent.ogg" type="audio/ogg"></audio>

【问题讨论】：

【解决方案1】：

Mac 版 Opera 11 存在一些与 CSS 和音频控制按钮相关的错误。

在某些情况下，会出现音频播放器，但控件将处于非活动状态。我已经看到当元素浮动或具有display:block 样式时会发生这种情况。

奇怪的是，如果您在元素上设置背景颜色或图像（background: transparent 不会这样做），它应该可以工作。

【讨论】：

谢谢 - 这一直困扰着我一段时间，也是唯一让我无法在我的网站 html5beats.com 上宣布支持 Opera 的原因。使用透明的 png 背景。蹩脚，但有效。