下拉列表出现在小部件后面。可以解决的?

时间:2018-06-15 19:34:29

标签: css iframe dropdown

我真的希望我在正确的地方写这篇文章,如果没有我的道歉。我最近改变了我的Wordpress主题,在这样做的时候,我在旧设计中完美运行的下拉菜单中的一个不再正确显示。

在下一页上有一个“按国家/地区选择”搜索字段。问题是,下拉菜单实际上并没有显示为下拉列表 - 很难描述,但它几乎看起来像是在iframe中显示。

https://www.escxtra.com

我尝试了几次CSS更改,但没有修复它。我真的很感激任何帮助。

我对表格的编码如下: https://codeshare.io/ayrWmn

1 个答案:

答案 0 :(得分:0)

您可以使用z-index来定位前后的内容。此CSS规则由数字决定,最高数字在前面。这被称为“堆栈顺序”

将规则应用于这两个元素,您想要的元素执行此操作:z-index: 2;以及您想要的元素放置z-index: 1;

您可能不需要将z-index应用于后面想要的那个。此规则允许使用负数。

在此处详细了解z-indexw3 Schools