文章/答案/技术大牛

发布

问自定义音频标签位置
EN

Stack Overflow用户

提问于 2014-07-14 22:18:38

回答 3查看 1.3K关注 0票数 0

我有以下HTML代码：

<body id="mybg">

<div id="countdown-11"></div>
<br>
<audio id="myaudio" src="music/forestsounds.ogg" controls="controls" loop="loop"></audio>
</body>

在<div>是倒计时器的地方，我想把音频部分放在倒计时器下面……在这种情况下，它们是叠加的。

我尝试使用下面的CSS代码：

#myaudio{
bottom: 10px;
}

但是没有结果。怎么了？

html

css

回答 3

Stack Overflow用户

发布于 2014-07-14 22:42:21

尝试将以下代码添加到css中的音频标签：

position: absolute;

然后使用顶部、左侧等来移动它。

票数 2

Stack Overflow用户

发布于 2014-07-14 22:49:44

使用绝对位置动态更改div的位置

#myaudio
{
   position:absolute;
   top:10%;
   left:10%;
}

百分比值可以根据您想要的"myaudio“div的位置进行更改

希望这能有所帮助:)

票数 0

Stack Overflow用户

发布于 2014-07-14 23:01:19

正如我们已经讨论过的，This Fiddle正在满足您的需求。

CSS代码：

#countdown-11{
  clear:both;
  background: #444 !important;
  color:#FFF;
  margin:4px;
  padding:4px;
}
#myaudio{
   clear:both;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24738685

复制

相似问题

问自定义音频标签位置
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自定义音频标签位置EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自定义音频标签位置
EN