html - 表单下拉列表位于固定标题上方

Question

我在我的 wordpress 网站上使用移动设备的固定位置标题。但是表单下拉列表位于固定标题上方。它看起来很难看。我试图通过输入这些代码来修复它，但没有任何改变。

.site-header{position: fixed;宽度:100%； z-index:1;}
选择{宽度:100%； z-index:2;}

你可以去我的网站看看问题。

www.store.codebla.com/product-category/mens-fashion/

这个问题只出现在移动设备上，因为我只为移动设备使用了固定 header 。所以请在您的手机上访问上面的链接。

谢谢

Answer 1

.woocommerce-ordering(此处选择)的 z-index 为 999。

您需要将 header 设置为 1000 或减少 z-index。

我建议提出一个 z-index 约定。

例如以 100 秒为单位，使用 110,120 等。在层之间进行管理。