检测鼠标悬停在重叠的+透明图像上
我正在构建一个小游戏，用户可以在其中购买物品来装饰自己的房屋. 我有很多物品/图片；因此，我决定为每个图像使用一个“遮罩"(图像)来定义可悬停区域，而不是为每个图像绘制一个地图区域. 示例:这是显示的沙发，其遮罩. 我将遮罩“转换"为canvas元素，稍后将检查悬停的像素是否透明以检测项目是否悬停. 第二件事是很多项目重叠，因此我还需要检查哪一层在最上面. 我在house元素
..
z-index相关内容
使表格单元格恒定宽度&高度
背景:我正在使用图片购物车，该购物车会自动从php生成基于表格的画廊，从而限制了我的灵活性.我也是新手. 问题:画廊推出了高度适合内容的表格单元.当我有一整行水平缩略图时，表格单元格又短又宽；当一行包含垂直缩略图时，单元格要高得多.我希望所有单元格都为正方形，缩略图位于中间. 我可以访问样式表中的输入CSS以及一小部分HTML输入，但是此HTML插入了各个缩略图表单元格中；我无权编辑主
..
UICollectionView setLayout:animated:不保留zIndex
我注意到，当在UICollectionView中调用setLayout:animated在两种布局之间切换时，当前可见的单元格不遵守zIndex，它的布局属性已在layoutAttributesForItemAtIndexPath:中设置. 例如，如果我要把UICollectionView和UICollectionViewFlowLayout一起设置，请将它的minimumLineSpaci
..
IE7 Subnav，两个定位问题
有问题的站点: http://khill.mhostiuckproductions.com/siteLSSBoilerPlate/ 如果您在IE7中测试上述链接(我正在使用具有IE7的浏览器模式和浏览器兼容性的IE9)，则子导航存在定位问题. 将鼠标悬停在关于我们的上方，然后将鼠标悬停在首页上，然后返回至关于我们.您会看到子导航已向右移动了其上方LI的宽度. 这完全是用CSS编码
..
z索引在ie8中工作，而不是在ie7中工作
由于某种原因，z-index在IE8中可用于一个特定元素，但在IE7中则不起作用(或者如果我在IE8中使用伪IE7兼容性视图).它适用于所有其他元素.唯一的区别是此元素的Z索引值为负，因此我尝试使用1的正数，但它仍然是唯一无法正常工作的元素. 不起作用的部分是这样的: .passport { position: absolute; left: -130px; z
..
如何在html5视频上移动svg元素并同时控制视频播放?
..
如何获得z-index较低的元素的子元素在z-index较高的另一个元素的子元素的前面?
我有以下设置:
Whatever
Haaaleluia 当然...我简化了设置，但这是主要思想. “任何" div与"Haaaaleluia" div重叠.当然，因为第
..
Z-index不适用于flex元素吗?
我正在尝试有两列，一列是可以扩展并重叠另一列的菜单.但是我使用了一个flex元素来包装这些列，并且即使在更大的z-index情况下，菜单也会在后面后面展开. 渲染器是这样的: .main { font-family: 'Open Sans', Helvetica, sans-serif; display: flex; background-color: #99baef
..
如何设置固定元素，将其置于粘滞状态，高于相对位置
我将固定元素放置到另一个粘性元素上，并希望它覆盖页面上的所有其他元素.看起来很明显，但是... 最好看一下Codepen. 我认为这不是正常行为. 经过镀铬测试-非常奇怪. 在Firefox中进行了测试-抽奖时出现故障(尝试单击未播放的黑色区域) 这是很明显的错误重播，我真的需要固定元素在粘性元素中，并在其相对元素旁边放置 . 任何人都可以帮忙吗? 看代码-我尝试使用z-in
..
在Fabric.js中控制Z-index
在fabricjs中，我想创建一个场景，其中鼠标下方的对象以z-index的形式上升到场景的顶部，然后，一旦鼠标离开该对象，它就会回到其到达的z-index处.从.一个不能设置object.zindex(那会很好).相反，我使用的是占位符对象，该对象放在对象列表的旧位置，然后使用canvas.insertAt将旧对象放回列表中的位置.但是，这不起作用. 有关其状态，请参见 http://js
..
如何使用负Z索引使链接可点击？
我在标题中使用了下拉菜单进行通知，但是当下拉打开后所有可见的div都打开时，我给出了 z-index 到所有div，但这些div上的链接现在无法单击！ 下拉div CSS： 。下拉{ 溢出：滚动; 溢出-x：隐藏; } 和后面的div是 ＃main-div { z-index：-1; 头寸：绝对； } 解决方案 我想是负面的 z-in
..
React Native如何将卡片视图从ScrollView中拖出
我目前正在使用ScrollView来保存我的所有卡，例如 卡是一个自定义组件，基本上只是具有一定宽度和高度的视图。 我使用PanResponder定义拖动动画并将处理程序附加到每个Card。 this._panResp
..
单击cytoscape.js平移和z-index /前景元素
我一直在使用cytoscape.js，在尝试使用图表时遇到了一些问题。 1）有没有办法通过单击并拖动背景进行平移？似乎应该可以，但是我完全无法做到。在某些时候，我可能会添加panzoom，但如果没有这样做也可能会有所帮助。 这里是 jsfiddle ，其中包含我的代码的简化版本。 zoomEnabled：虚假正常工作，但 panningEnabled：真似乎不正常。 2）当涉及将
..
Winforms SplitterPanel，子重叠拆分的z-index
我正在使用winforms中的SplitterPanel，在右侧，我需要一个自定义的下拉列表控件，该控件显示2列下拉列表。 问题是我希望有两列，所以我希望能够有一个比实际下拉列表更大的下拉列表区域，因此如果列表不适合拆分区域，则覆盖SplitterPanel。 我尝试使用 .BringToFront（）; ，但是这在SplitterPanel上不起作用，并且控件被隐藏。我来自网络背景，
..
透明div下的可点击div
是否有一个绝对定位的透明div可以覆盖一系列可点击的div？我希望能够将鼠标悬停在下面的红色div上以获得响应。 #holder { width：200px; 高度：200像素； } .clickMe { width：100px; 高度：100px; cursor：pointer; background-
..
CSS位置置顶和Z-Index叠加/模态
我的位置有问题：粘性和z-index 我希望粘性元素中的模态被覆盖层覆盖。 位置：相对有效：模态在叠加层之前。但是当我使用Sticky时，模态就位于叠加层的后面。 希望我的意思是可以理解的。 例如： .sticky {位置：粘性； / *
..
Z索引在固定位置元素内的绝对定位不符合预期
我遇到这样的情况，我在一个页面上有2个或更多固定位置元素，这些元素显示为一个堆叠在另一个之上（也就是说，第二个的顶部紧靠第一个的底部-这些元素之间不存在z-index堆叠）。在第一个固定位置元素内，有一个绝对位置比其固定父元素高的元素，因此它超出了该固定父元素的底部。 麻烦是下一个固定位置元素将显示在绝对定位元素的顶部。我在绝对定位元素上设置的z-index值比在固定定位元素上设置的z-in
..
CSS：在父元素之后
是否可以在其父元素的背景后面获取CSS伪：after 元素？ ：after 的背景包含与父元素的背景相同的尺寸。因此，当前看起来像这样： 但是我希望红色背景（：after ）放在父元素后面。 因此，我在父元素中添加了位置：相对，在伪元素中添加了绝对。 尝试将其存档，我使用了以下代码： .btn {位置：相对；显示：inline-block;填充：.8rem 1rem;字
..
IE忽略定位元素上的Z-Index
IE再次被证明是我生存的祸根。我正在工作的网站顶部有一个水平菜单，该菜单项触发一个纯CSS菜单，该菜单绝对位于父菜单DIV（相对位置）内。这样可以将菜单完美地放在IE和W3C兼容的浏览器中。 当我在页面上放置更多元素时，就会出现问题。它们也是相对放置的，因为它们内部需要绝对定位数据。再次，在我测试过的所有浏览器中都可以正确显示。 问题是，然后打开了顶部菜单，部件被页面下方的定位元素遮盖
..
伪元素的z索引行为
请参阅： http://jsfiddle.net/Kq2PY/ div与z-index 5是相对的，而：after事物对于z-index 2是绝对的。 div { position：relative; z-index：5； 背景：＃000； padding：10px; } div：之后{ 内容：’’； 头寸：绝对； z-index：2； / *
..