CSS 下拉菜單二維碼的應用

.menu {
position: relative;
}
.menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.menu:hover ul {
display: block;
}
.menu li {
display: block;
}
.menu li.qrcode {
position: relative;
}
.menu li.qrcode img {
width: 150px;
height: 150px;
display: block;
}
.menu li.qrcode .qrcode-popup {
position: absolute;
top: -200px;
left: 50%;
transform: translateX(-50%);
display: none;
width: 250px;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
z-index: 999;
}
.menu li.qrcode:hover .qrcode-popup {
display: block;
}

使用 CSS 可以輕松實現下拉菜單，利用絕對定位、偽類等方式控制菜單的顯示和隱藏，并添加二維碼懸浮效果，可以增加網站的互動和方便度。

以上實現方法僅供參考，可以根據實際需求進行修改和擴展。