есть код
<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-color: #312f30;
color: white;
padding: 10px 14px;
font-size: 22px;
border: none;
position: relative;
}
.technics-content2 {
display: block;
position: absolute;
background: #312f30; /*background-color: #f1f1f1;*//*без этого прозрачная красота*/
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;
}
как получить такой цвет белый который у div с a 'Iphone', 'Mac Book' т.д.
не выходит с помощью пипетки rgba(0,0,0,0.2) у box shadow а дает цвет который background а как сделать #f1f1f1 с rgba(0,0,0,0.2)