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;
}