<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.