问题标签 [z-index]

我正在尝试构建一个表格（填充实际的表格数据），并在悬停时获得一行的轮廓效果。我尝试了几个想法，但跨浏览器问题阻碍了我。很想听听任何想法。

想法 #1outline ：当鼠标悬停在 <tr> 上时添加 CSS 。适用于 IE8 和 FF3，但不适用于 IE7 或 Chrome（Webkit，也可能是 Safari）。为简洁起见，省略了悬停的实际实现：

想法#2：在<tr>下方放置一个比<tr>宽/高的<div>，并将z-index<div>堆叠在<tr>下方，但在相邻<tr>之上。这更有趣，因为我可能会做圆角、不透明度等。这看起来很有希望，但是当首先在 Firefox 中实现时，很多想法也是如此。在阅读z-index并在几个不同的浏览器中玩弄代码之后，我感到非常沮丧。我在这里尝试的堆叠/排序可能太复杂而无法在不同的浏览器中工作。

使用 jquery-ui 和 Position ( http://wiki.jqueryui.com/Position ) 的示例代码：

[非工作代码链接已删除]

假设我在 C# 中有一个普通的窗口。它没有边框样式，因此无法移动或调整大小等。我将如何定位该窗口以使其显示在与桌面相同的级别或更高级别？

像小部件或雨量计皮肤。有任何想法吗？

示例代码，所以我可以开始解释这个问题：

（z-index 值无关紧要，它们的顺序甚至更少。只是示例代码）

问题：我想选择（使用 CSS 或带有 jQ​​uery 的 JS）具有最高 z-index 值的 DIV。在上述情况下，我想选择第一个，因为它的 z-index 5 高于所有其他人的 z-index。

有没有办法做到这一点？额外信息：我正在使用 jQuery + jQuery UI 编写一个简单的窗口管理器，并且 z-indexes 由 .draggable 中的堆栈选项分配。我似乎也找不到一种方法让 jQuery 将最后一个拖动的元素分配给一个类，所以我将采用最高 z-index 方式。请问有什么帮助吗？谢谢。

我已经实现了一个动态显示搜索选项的弹出框。我希望该框“浮动”在所有网站内容之上。目前，当显示该框时，它会取代其下方的所有内容并且看起来很糟糕。

我相信我已经尝试将框的 div 的 z-index 设置为高于其余页面内容的 z-index，但仍然没有运气。

我基本上有两个要处理的 div 标签。在此页面上 - www.employeratlas.com/search.html - 当您单击四个选项卡中的任何一个时，该选项卡周围都有边框。这个想法是，边框在左边、右边和顶部都是黑色的，底部是白色的，以掩盖它下面的 div 的边框。除了 IE6 和 IE7（此处为 IE6 示例http://www.employeratlas.com/images/ie_tabs.png）之外，这在所有应用中都可以正常工作。我尝试设置 z-index 以使顶部选项卡高于另一个选项卡，但它不起作用。

我想从代码中确定 html 页面上元素的 z-index。我正在使用 jQuery。

jQuery 将允许我使用 $(element).css("z-index") 检查应用的 z-index。如果 z-index 没有直接设置在该元素上，Firefox 返回“auto”，IE 返回“0”。该节点的有效 z-index 取决于其容器的 z-index。

我想我可以通过查看节点及其父节点来计算有效的 z-index，直到找到 z-index 值。问题是，至少在 IE 上，我无法区分 z-index 为 0 的元素与将继承其父级 z-index 的元素，因为在这两种情况下 .css("z-index") 返回 0 . 关于如何计算元素的实际 z-index 有什么想法吗？

如果您想进行实验，可以使用此代码。在 IE 上，它将输出“0”、“0”、“0”、“300”。在 Firefox 上，它将输出“auto”、“auto”、“0”、“300”。

我有一个相对位置的 div 和z-index :-1. 我已经放置<A>在那个 div 上。但是，当我向其父母提出职位时，它似乎<a>不起作用。:relative当将该位置更改为绝对位置时，它开始工作。谁能告诉我为什么会这样。我希望该链接能够正常工作，并且尽可能需要保持其父 div 位置:relative 和z-index:-1;

我正在开发一个与 Javascript 通信的 Flash 应用程序，以允许更多功能，例如自定义 HTML 输入等，方法是在 Flash 应用程序顶部放置一个绝对定位的 div 并使用 Flash 和 Javascript 控制其位置等。

因为这些 html 元素必须出现在 Flash 内容之上 ，所以我认为下面的基本 CSS 就足够了：

因此，htmlContent它的 z-index 比 flash 内容高，因此它应该显示在它的上方。不幸的是，这似乎只在您将 Flash 对象的“wmode”参数设置为“透明”时才有效。

此设置的问题在于，它会将应用程序的帧速率严重降低到无法接受的程度。

对于静态内容，这似乎不是问题，但是对于我的应用程序，您可以拖动各种元素，这些元素必须实时移动（同时移动鼠标）。

那么，如何在不使用“透明”wmode 参数的情况下在 Flash 内容之上启用 html 内容，或者如何在使用“透明”wmode 参数时优化帧速率？

我有一个图库小部件和 2 个图像视图，一个在屏幕左侧，一个在右侧。我希望 imageview 和画廊保持在同一条线上，但如果有重叠，则 imageview 的 z-index 应该高于画廊的 z-index。

问题是图像视图出现在画廊项目下方。我已经查看了 android 文档，但找不到解决方案。我的 XML 文件如下（由于某种原因，未显示打开的 Root 相对布局的开始和结束标记）：

我有一个简单的（绝对定位的）图像幻灯片，它由几张每隔几秒旋转一次的图像组成。

为了让变化图像的不同区域可点击，我还有一个包含不同链接的无序列表，相对定位以便使用 z-index。

这在 Firefox (3.6)、Safari (windows) 和 Chrome (windows) 中运行良好。但是，链接似乎消失在 IE8 和 IE7 中的图像后面（我什至还没有在 IE6 中尝试过......）。

如何在 IE 中将无序列表置于最前面？（见下面的代码）

编辑： 链接到工作页面

编辑 2：我使用 IE8 的开发人员工具确实发现，当我删除时，这些链接可以正常工作并且位于幻灯片的顶部：

删除display:block的结果是我有 5 个微小的可点击区域覆盖在左上角的图像上。一旦我再次添加它，图像上的任何地方都没有可点击区域，尽管开发人员工具会显示链接应该位于正确位置的方块。

代码（我没有包含 javascript，因为它只动画不透明度并添加/删除下面提到的类）：

html

css