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

Question

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

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

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

Answer 1

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

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

audio {
height:0;
width:0;
}