<div class="technics">
  <div class="technics-content2">
  <a id='technics' class='technicsbtn'>Техника</a>
  </div>
  <div class="technics-content">
    <a href="#">Iphone</a>
    <a href="#">Mac Book</a>
    <a href="#">Air Pods</a>
  </div>
</div>
.technicsbtn {
  background: #f1f1f1;
    color: black;
    padding: 10px 14px;
    font-size: 22px;
    border: none;
    position: relative;
}

.technics-content2 {
    display: block;
    position: absolute;
    z-index: 1;
    left: 130px;
    top: 9px;
}


.technics {
    display: block;
}

/* Dropdown Content (Hidden by Default) */
.technics-content {
    display: block;
    position: absolute;
    background: #f1f1f1;;    /*background-color: #f1f1f1;*//*без этого прозрачная красота*/
    min-width: 114px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 125px;
    top: 40px;
}

/* Links inside the dropdown */
.technics-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.