Все перепробовал не получается! проблема в том что не получается перематывать в том месте где название песни и исполнитель. Я ставил разные z-index по приоритетам ставил position и даже ставил прозрачность полоски перемотки background-color: rgb(200,200,200,0.3) чтобы под ней можно было видеть название и исполнителя ничего не получается(.
вот код:
echo '<div class="namfil4">';
echo "<div class=nameispol><p361>".$row['name']." - ".$row['vol']."</p361></div>";
echo '<div id="wrapper">
<audio preload="auto" controls>
<source src=mp3/'.$pof.'>
</audio></div>
</div>';
.namfil4{height:30px;padding:5px 5px 0 5px;margin:-4px 0 0 0;z-index:3;border-radius:3px 0px 0px 3px;}
.nameispol{position:relative;z-index:4;margin:2px 0 0 92px;font-size:12px;float:left;}
p361{color:#A9A9A9;font-size:12px;font-family: verdana;font-weight:500;}
//аудио ксс
.audioplayer
{
height: 35px;width:100%;margin:-5px 0px 0 0;
color: #fff;
position: relative;
z-index: 3;border-radius:30px 0 0 30px;background-color:rgb(235,235,235,1);
right:-5px;
}
.audioplayer > div
{
position: absolute;
}
.audioplayer-bar
{
height: 10px;
background-color: rgb(200,200,200,0.5);
cursor: pointer;
z-index: 12;
right: 60px;
left: 80px;
margin-top: 13px;position:relative;
}
.audioplayer-novolume .audioplayer-bar
{
right: 4.375em; /* 70 */
}
.audioplayer-bar div
{
width: 0;
height: 100%;
position:absolute;
left: 0;
top: 0;z-index: 12;
}
.audioplayer-bar-loaded
{
background-color: rgb(200,200,200,0.5);
z-index: 13;position:relative;
}
.audioplayer-bar-played
{
background:rgb(180, 180, 180,0.2);
z-index: 14;position:relative;
}