自定义音频标签位置

问题描述：

<body id="mybg"> 

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

其中<div>是coundown计时器，我想把倒计时下方的音频组件......在这种情况下，它们叠加。

我试着用这个CSS代码：

#myaudio{ 
bottom: 10px; 
}

但没有结果。怎么了？

添加＃倒计时11 {明确：两者; }可能会解决您的问题 – Gunaseelan

我尝试过，但它不起作用。 – user1444393

请提供一个JSFIDDLE来查看发生了什么？或者提供一张图片现在的样子？ – Gunaseelan

答

尝试添加到音频标签在CSS以下代码：

position: absolute;

然后使用上，左等移动它。

答

使用绝对位置来改变DIV动态

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

的百分比值，可以根据你想去的地方被改变的位置“myaudio”格去

希望这有助于:)

答

正如我们所讨论的，This Fiddle是满足您的要求。

CSS代码：

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

自定义音频标签位置

相关推荐