提问者:小点点

创建与相邻元素重叠的阴影元素


由于附加的

  • 元素,html
  • 阴影未显示。 我怎么才能让它发光。

    
    <li style="box-shadow: 9px 8px 8px 10px rgba(9,180,219, 0.2), 0 6px 20px 0 rgba(9,180,219, 0.19);"><a href="<?= ScriptApp.getService().getUrl();?>?v=edatabase" class="waves-effect grey lighten-4" style="color:white; background: #4776e6; background: -webkit-linear-gradient(to right, #4776e6, #8e54e9); background: linear-gradient(to right, #4776e6, #8e54e9);">Employee Database<i class="material-icons">list</i></a></li>
    <li><a href="<?= ScriptApp.getService().getUrl();?>?v=attendance_report" class="waves-effect grey lighten-4">Attendance Report<i class="material-icons">dashboard</i></a></li>
    <li><a href="<?= ScriptApp.getService().getUrl();?>?v=shrinkage" class="waves-effect grey lighten-4">Shrinkage Report<i class="material-icons">chat</i></a></li>
    

  • 共1个答案

    匿名用户

    使项目具有以下样式:

    z-index: 1000;
    position: relative; 
    background-color: #ACFF32;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.12);