自定義音頻標籤位置

我有以下的HTML代碼：自定義音頻標籤位置

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

但沒有結果。怎麼了？

來源

2014-07-14 user1444393

添加＃倒計時11 {明確：兩者; }可能會解決您的問題 – Gunaseelan

我嘗試過，但它不起作用。 – user1444393

請提供一個JSFIDDLE來查看發生了什麼？或者提供一張圖片現在的樣子？ – Gunaseelan

嘗試添加到音頻標籤在CSS以下代碼：

position: absolute;

然後使用上，左等移動它。

來源

2014-07-14 14:42:20

使用絕對位置來改變DIV動態

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

的百分比值，可以根據你想去的地方被改變的位置「myaudio」格去

希望這有助於:)

來源

2014-07-14 14:49:43

正如我們所討論的，This Fiddle是滿足您的要求。

CSS代碼：

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

來源

2014-07-14 15:01:19 Gunaseelan

自定義音頻標籤位置

回答

相關問題