【如何隐藏播放按钮 _隐藏按钮】

如何隐藏播放按钮

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(3)

隐藏按钮

详细描述

截图

代码

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
     <!--minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/task7.2.css">
</head>
<body>
<div class="wrap">
    <div class="head">
      <img src="../img/task7.1.1.png" class="catalogue" alt="">
      <span class="vote">投票</span>
      <img src="../img/task7.1.2.png" class="wrong" alt="">
     </div>
    <div class="make">
      <span>发表讨论结果，大家请投票</span>
        <img src="../img/taask7.17.png" alt="">
        <audio src="../audio/财富自由.mp3" controls="controls">
            Your browser does not support the audio element.
        </audio>
    </div>
*{
    margin: 0;
    padding: 0;
}
.head{
    width: 100%;
    height: 14.59vw;
    background: #29bde0;
}
.catalogue{
    width: 6.093vw;
    height: 5.25vw;
    margin-top: 4.78vw;
    margin-left: 3.59vw;
}
.wrap{
    background: #29bde0;
}
.vote{
    position: absolute;
    margin-left: 38vw;
    font-size: 4vw;
    color: #ffffff;
    margin-top: 5vw;
}
.wrong{
    width: 3.78vw;
    margin-left: 34.31vw;
    margin-top: 6vw;
    margin-right: 4vw;
    float: right;
}
.make{
    height: 12.65vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.12rem;
    background: #b9e9f5;
}
.make audio{
    width: 5vw;
    height: 2vw;
    margin-right: 2.65vw;
  
}
.make img{
    position: absolute;
    width: 8.125vw;
    margin-left: 90vw;
}
.make span{
    margin-left: 7.5vw;
    font-size: 3vw;
    padding-top:0.8vw;
}

编辑于2024-04-23

时间排序

热门排序

[散修弟子]JS-1675
0

那个按钮可以实现播放和暂停功能，不过要用javascript。
推荐你去这个网址研究一下
https://blog.csdn.net/l333f/article/details/60877276

查看全部>

编辑于2018-10-17
[无名弟子]卫鑫
0

利用绝对定位脱离文档流，然后拖拽到放音频的位置，最好进行隐藏。因为css知识静态网页所以要真正实现一般都是用js的

查看全部>

编辑于2018-11-30
[北京|结业弟子]JS-朱春雨
0

这个最好用透明因为如果不设置透明在手机端会出线显示bug

利用绝对定位的层级关系就可以盖住，但还是推荐透明不透明只是盖住，亲测在手机端 ios 和安卓都出现显示bug 电脑端却没有

查看全部>

编辑于2019-11-16

去第页