CSS二級(jí)菜單被圖片擋住是一個(gè)常見的問題,這種情況一般是因?yàn)椴藛螌挾炔粔颍斐刹藛伪粓D片擋住。
解決這個(gè)問題的方法有很多,下面是一些可以嘗試的解決方案:
/* 增加菜單寬度 */ ul.sub-menu { width: 200px; } /* 調(diào)整菜單位置 */ ul.sub-menu { position: absolute; top: 100%; left: 0; z-index: 999; } /* 改變菜單方向 */ ul.sub-menu { flex-direction: column; } /* 給菜單添加滾動(dòng)條 */ ul.sub-menu { max-height: 200px; overflow-y: auto; } /* 調(diào)整圖片位置 */ img { z-index: -1; }
如果以上方法仍然無法解決問題,可能需要考慮更改HTML或CSS結(jié)構(gòu),或者使用JavaScript來實(shí)現(xiàn)菜單效果。