css-210302-01

关注

原创最新推荐文章于 2026-11-10 20:19:10 发布 118 阅读 AI 写同款· GEO 优化 ›

2023电赛B题实战解析：基于立创天空星开发板的同轴线缆长度与负载测量系统本文详细解析了2023年全国大学生电子设计竞赛B题的实战方案，重点介绍了基于立创EDA天空星开发板（STM32F103）的同轴线缆长度与负载测量系统。文章深入剖析了两种核心测量方案，并推荐了更稳定易实现的NE555测电容法，提供了从硬件选型、电路设计到软件编程、参数标定的完整“施工图”，实测精度可达厘米级和皮法级，为电赛复现与高精度测量学习提供了清晰指导。阅读详情

css - 210302 - 01

z-index
动画

z-index

z-index: 500;   默认是0，最高无限~~~~（999）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test01</title>

    <link rel="stylesheet" href="../css/style.css">
</head>
<body>

<div class="app">
    <ul>
        <li><img src="../images/img_01_200乘200.jpeg"></li>
        <li class="tipText">白光一</li>
        <li class="tipBgColor"></li>
        <li>时间：2021-03-02</li>
        <li>地点：zzuli</li>
    </ul>
</div>

</body>
</html>

.app{
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 2px solid #aa0000;
    overflow: hidden;
    line-height: 25px;
    font-size: 12px;
}
ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

/*父级相对定位*/
.app ul{
    position: relative;
}
.tipText,.tipBgColor{
    position: absolute;
    width: 200px;
    top:170px;
    height: 25px;
}
.tipText{
    color: #fdfdfd;
    z-index: 500;
}
.tipBgColor{
    background-color: gray;
    opacity: 0.5;   /*背景透明度*/
    filter:alpha(opacity=50);
}