多选下拉z索引在滚动容器div中不起作用
是因为多选下拉框的z-index属性不会覆盖滚动容器的z-index属性。当滚动容器的z-index值较高时，多选下拉框就会被滚动容器覆盖，导致无法正常显示。
解决这个问题的方法有两种：
- 调整多选下拉框的z-index值：可以通过给多选下拉框设置一个较高的z-index值，确保它在滚动容器之上显示。例如，可以将多选下拉框的z-index设置为1000，滚动容器的z-index设置为较低的值，如10。
- 将多选下拉框移出滚动容器：可以将多选下拉框的HTML代码直接放在滚动容器之外，这样就不会受到滚动容器的z-index影响。可以将多选下拉框放在滚动容器之前或之后的位置，确保它能够正常显示。
以上是解决多选下拉z索引在滚动容器div中不起作用的两种方法。根据具体情况选择适合的方法进行调整。如果您使用腾讯云的云计算服务，您可以参考腾讯云提供的前端开发文档和相关产品，如腾讯云CVM（云服务器）、腾讯云COS（对象存储）、腾讯云CDN（内容分发网络）等，来帮助解决这个问题。
相关·内容
3回答
多选下拉z索引在滚动容器div中不起作用。它显示滚动，而不是像打开另一个下拉列表一样打开它。selectedClass: 'active', buttonContainer: '<div-- Content Table
浏览 3提问于2017-07-19得票数 1
回答已采纳
2回答
我正在使用api的v2，在顶部导航的滚动中，下拉列表在地图下面。我尝试给出地图div容器相对较低的z指数的位置。提高导航z指数而不能让它起作用
有什么想法吗？请选择NY作为大多数结果。通过在层次结构上移动更新，我能够正确地进行z索引.
浏览 8提问于2011-06-21得票数 0
回答已采纳
我有一张有下坠的桌子
表的下拉式和标头是绝对定位的. height: 24px; top: 0; left: 0; -we
浏览 2提问于2016-05-06得票数 2
回答已采纳
4回答
我有两个div，分别是.navbar和.content。.navbar是固定的，滚动时.content会覆盖.navbar。更新：
与演示完全一样，滚动<
浏览 0提问于2014-06-29得票数 0
我使用AngularJS和bootstrap创建了一个多选下拉菜单，并添加了搜索和滚动选项，它工作得很好。我需要实现无限滚动时，滚动在多选下拉可滚动条。它不适用于多选下拉，但无限滚动适用于div。我看到onItemSelect和onItemDeselect的事件没有找到任何滚动多选下拉菜单的事件。我包含以下代码
浏览 0提问于2017-03-16得票数 1
1回答
您好，我正在使用asp.net中的用户定义下拉复选框控件。每当我滚动应用程序时，这些下拉复选框不能正常滚动，这意味着如果向下滚动，它们不会与所有其他控件一起移动。important;像这样，我使用了4个下拉列表框，它们的z索引分别是400、300、200和100，它们一个接一个地出现，当我滚动时我尝试使用不同的位置属性，如固定、相对等，但这些都<e
浏览 1提问于2013-11-13得票数 0
2回答
链接有一个position:fixed;，它在容器div上飞行，所以我尝试给链接一个带有负值的z索引，结果发现当为锚点应用带有负值的z索引时，悬停状态不工作，除非i滚动容器div的高度相同的量。我试图做的相反的意思是给容器一个z索引正值，然后离开锚，但这留下了同样的问题。
i将尝试更改css属性“z-index”，但只在打开容器按钮时才会更改。因
浏览 0提问于2016-09-19得票数 0
回答已采纳
我有一个启用tinyscrollbar的容器div。在容器div中，我还有一个下拉菜单，它是由微型滚动条插件定制。现在，当我尝试用鼠标滚动下拉菜单时，甚至连容器内容也在滚动。如何只滚动下拉菜单？
浏览 2提问于2011-12-28得票数 1
1回答
Z-索引防止单击项。
、、、
我有一个容器div，上面有嵌入的下拉阴影，在这个容器中我也有子元素，我只是希望这些子元素是可点击的。设置指针-事件: none；在容器元素上也没有帮助(我也希望容器可以滚动)。 background-c
浏览 1提问于2015-09-06得票数 3
回答已采纳
由于某些原因，当我在任何数字的标题中添加一个z-index时，我无法在IE上显示下拉菜单。当我移除它的时候，它就起作用了。然而，下拉列表出现在Firefox和Chrome的容器和内容后面。所以我试着在没有z索引的情况下制作一个独立的IE样式表，但这也不起作用。我知道独立的is正在工作，因为我改变了背景，但是它使用主样式表中的下拉菜单。但是现在下拉菜单出现在其他浏览器如firefox
浏览 6提问于2011-04-12得票数 1
2回答
我有一个下拉菜单，除了IE6和IE7之外，它在所有东西上都工作得很好。featured-programs-left {}
float:right;下面是jQuery (在源代码中，您将看到每个主div (特色-程序-左& -right)中的多个div，以及循环中的每个进进出出的div)，用于显示div两侧的多个项(淡出项目)(#功能-程序-左
浏览 3提问于2009-02-01得票数 3
回答已采纳
1回答
我希望多选下拉菜单浮动在它的容器(滚动div)上，就像普通的select一样。 我曾尝试更改div溢出选项，但这会导致其中的其他元素行为不正常(即，它们会显示，而不是触发滚动)。这个问题之前已经完全暴露出来了： Multiselect Dropdown z-index not working inside a scroll container div ...but，作者对一个似乎可以消除溢出的答案感到满意它必须在<e
浏览 23提问于2019-04-24得票数 1
回答已采纳
我正在使用这个多选下拉菜单(https://www.npmjs.com/package/ng-multiselect-dropdown)在我的angular项目中实现多选。我面临的一个奇怪的问题是，在它的演示和我的stackblitz演示( https://stackblitz.com/edit/angular-5wcm6z?file=src%2Fapp%2Fapp.component.html)中<
浏览 14提问于2020-08-26得票数 0
我正在尝试配置一个站点，使其具有一个始终完整的页面格式，顶部和底部的菜单栏，以及位于它们之间的页面的中心内容，还有滚动条。中心内容需要是滚动页面的唯一部分。我已经快到了，但是我不能让中心内容坐在它们里面，它从顶部菜单开始，总是在底部菜单后面运行。有什么指示吗？id="container">
Top Menu Here
</<
浏览 1提问于2014-04-05得票数 0
回答已采纳
4回答
如何使下拉菜单出现在幻灯片上？
、、、、
我在幻灯片的正上方有我的下拉菜单。正因为如此，当我将鼠标悬停在菜单上时，子菜单会隐藏在幻灯片后面。我希望子菜单出现在幻灯片上。0px;padding:0px;margin:0px;width:900px;height:563px;" allowtransparency="true"'+c+o+'/iframe'+c) float:left; width:100px;
backgroun
浏览 1提问于2013-08-25得票数 1
1回答
我有一个客户，他的侧面板在Firefox和Chrome上显示正确，但在IE上显示不好。
我甚至尝试过使用<!X-UA-Compatible" content="IE=7,9,10" />，但不知何故使用<meta http-equiv="X-UA-Compatible" content="IE=7,9,10" >时，下拉菜单与页面内容重叠
浏览 3提问于2013-09-06得票数 0
大家好，我需要添加z-索引:2到标题元素，现在顶部的导航下拉显示在下面。我试图在许多元素上添加{doesn:relative；z-index:999}，但它不起作用。有什么暗示吗？
浏览 1提问于2015-10-25得票数 0
回答已采纳
您可以在此屏幕截图中看到，在正文元素下和屏幕上的一个按钮下，每行都包含"hi“的菜单。margin-top: 0px;overflow-y: visible;width: 1425px;
下面是在下拉菜单的计算样式上弹出的项目之一在dropdown div的导航栏中，我一直在dom heirarchy中扮演这个位置。我还一直在下拉菜单、
浏览 5提问于2012-09-29得票数 0
回答已采纳
3回答
动态生成容器的引导下拉菜单z索引
、、、、
我在一个动态生成的容器中使用Bootstra3下拉菜单。下拉菜单出现在新生成的元素后面。见图像参考。我也用更高的z指数测试了btn组，但没有起作用。
浏览 3提问于2014-04-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
