personnaliser la position de la balise audio

Je le code HTML suivant:personnaliser la position de la balise audio

<body id="mybg"> 

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

où le <div> est une minuterie coundown, je veux mettre le composant audio ci-dessous le compte à rebours ... dans ce cas, ils sont superposés .

J'ai essayé avec ce code CSS:

#myaudio{ 
bottom: 10px; 
}

Mais aucun résultat. Qu'est-ce qui ne va pas?

Source

2014-07-14 user1444393

Ajouter # 11 compte à rebours-{clear: both; } peut résoudre votre problème – Gunaseelan

je l'essaie, mais cela ne fonctionne pas. – user1444393

S'il vous plaît fournir un JSFIDDLE pour voir ce qui se passe? ou fournir une image à quoi il ressemble maintenant? – Gunaseelan

Essayez d'ajouter à la balise audio dans le css le code suivant:

position: absolute;

puis utilisez haut, à gauche, etc. pour le déplacer.

Source

2014-07-14 14:42:20

Utiliser position absolue pour changer la position du div dynamique

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

Les valeurs de pourcentage peut être modifié en fonction de l'endroit où vous voulez que le div "myaudio" pour aller

Hope this helps :)

Source

2014-07-14 14:49:43

Comme nous l'avons discuté, This Fiddle répond à vos besoins.

Code CSS:

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

Source

2014-07-14 15:01:19 Gunaseelan

personnaliser la position de la balise audio

Répondre

Questions connexes