javascript - 插入音频元素会导致 CSS 错误

Question

当我将 audio 标签插入我的 HTML 时，它搞砸了页面，导致背景和随机元素消失。为什么会这样？

<audio style="display: none; "></audio>

我让它不可见，因为我用它在后台播放音频。这发生在我的 iphone 5，ios 6.1 上。

Answer 1

我不确定我们是否遇到了同样的问题，但我在寻找我的答案时发现了你的问题。我还尝试在我的音频标签上使用 display:none;，这让我的 HTML 变得很奇怪。我试图隐藏它，因为我正在使用播放/暂停 btns 的自定义控件，并且出于某种原因，我的文本和按钮之间存在巨大差距，但仅限于我的 iPad。来看看，音频元素有默认尺寸，30px x 200px，如果你愿意，你可以在 Chrome 的开发工具中看到这个。正是默认尺寸将我的元素分开。

无论如何，如果这就是您试图隐藏音频元素的原因，请将高度和宽度设置为 0 而不是使用 display:none;

audio {
height:0;
width:0;
}