问题标签 [z-index]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
11509 浏览

css - 如何强制css边框显示在分层页面上?

我正在尝试在 html 中编写 Box 和 Whiskers 图形。问题是,我在 div 周围有边框(如在 Box 中),但是当覆盖包含带状彩色图像的前一层时,这些边框会消失。如果可以避免的话,首选是不要在此处使用背景图像(或颜色)。

html是:

而CSS是:

请注意 div.graphBoxes 的 css 中 -250px 的边距顶部。随着它的减少,您会看到 Box 周围的边框从上一层向外窥视时出现。

在这种情况下是否可以显示边界?谢谢...

0 投票
6 回答
118470 浏览

java - Java Swing - 如何在另一个面板上显示一个面板?

我希望有一个内部(非窗口)对话框来询问成员输入。我希望将对话框集中放置在现有的 JPanel 上。

我查看了分层窗格,这些似乎无法使用,因为所有窗格中只有一个布局管理器(或没有布局管理器)。我想我可以尝试覆盖 JLayeredPane 并提供自定义布局,但这似乎很极端。

玻璃板似乎也不合适。

如何才能做到这一点?Swing 中没有可用的 z-index 概念吗?

编辑

分层窗格不合适的原因是由于每层缺少布局管理器。面板可调整大小,面板 A 应保持在 100% 的区域,面板 B 应保持集中。

0 投票
2 回答
6232 浏览

javascript - 你能在IE8中用JS改变z-index吗

非常简单的例子:http: //jsbin.com/ohude

单击 button1,“hello2”文本 p 应将 z-index 更改为 89。单击 button2,z-index 应再次更改。这在萤火虫中很明显。但它在 IE8 中不做插孔。

有人可以确认吗?

谢谢。

0 投票
5 回答
406 浏览

css - IE 6.0 z-index 问题

我在 IE 6.0 中遇到 CSS 的 Z-index 属性问题

HTML

CSS

网址: http: //www.whizlabs.com/examprep/

在 IE 6.0 中,它会在女孩的额头上显示一条线,显示在页面顶部的横幅中。在其他浏览器中,线路不来。我该如何解决这个问题?

请帮我。

谢谢德维什 M

0 投票
5 回答
4724 浏览

jquery - IE 6 和 IE 7 中的 z-index

我有一个嵌套的 div,如下所示:

现在我的javascript代码是这样的:

它在 Firefox 中运行良好,但在 IE 6 和 IE 7 中它不是最重要的。任何有这方面经验的人请帮助我!

0 投票
2 回答
12721 浏览

html - 是否可以将嵌套 DIV 的 z-index 更高(显示“上方”)然后是 IE7 中的根 DIV?

更新!!!

建议的答案不正确,我的错误。#container DIV 应该有“float:left;”。请在 Firefox 和 IE7 中验证 HTML。你可以看到区别!

我无法使用 z-index 让嵌套的 DIV 显示在层次较高的嵌套 DIV 上方...即使较低的嵌套 DIV 具有更高的 z-index ,叠加层仍会覆盖较低的嵌套 DIV...这是甚至可能在 IE7 中?

以下显示 Firefox 中绿色 #overlay 上方的蓝色 #details,但在 IE7 中,蓝色 #details 位于绿色 #overlay 下方

UPDATE2:昂贵 :添加“z-index:99;” #container 样式使类 .item div 出现(在 Firefox 中,IE 搞砸了:无论如何都不能正确显示),而它们应该在覆盖之下!如果没有设置#container z-index,它会在 Firefox 中正确显示,但在 IE 中无法正确显示...。

0 投票
1 回答
2746 浏览

jquery - jQuery 插件在 Modal 中不起作用

我在模态中使用它:http ://www.web2media.net/laktek/2008/10/27/really-simple-color-picker-in-jquery/但它不起作用。相同的代码:

在普通页面中可以正常工作,但是一旦我将其加载到 jQuery UI 模态(其内容来自 ASP.Net MVC 部分视图)中,它就会中断!它做了一些工作,即重新格式化文本框以显示当前颜色,但单击它不会导致选择器出现!

我怀疑这是在模态中使用 jQuery 的问题..

有任何想法吗?

0 投票
4 回答
10302 浏览

asp.net - ASP.net 中菜单和 ajax ModalPopupExtender 的 Z-index 问题

我使用 Ajax ModalPopupExtender,但问题是应用程序中的菜单显示在 ModalPopupExtender 上。我还为 ModalPopupExtender 设置了 z-index=1,为但问题未解决设置 z-index=100。

0 投票
4 回答
30281 浏览

javascript - 处理 z-index'd 图层上的点击事件

我正在构建的地图应用程序中有 2 个 z-index 图层。当我单击要放大的图层时遇到问题。单击处理程序位于底层 z-index 图层上,我不希望在单击覆盖图层中的控件时触发它。

我遇到的问题是,无论如何都会引发事件,但是当单击顶层上的某些内容时,事件的 originalTarget 属性不是底层中的图像。有没有办法改变这个?

0 投票
2 回答
1033 浏览

html - quicktime 电影分层问题

我有一个网站(下面的链接),客户的工作显示在一个长的水平页面上。菜单固定在左侧,滚动时图像在菜单下消失。

客户现在已经上传了快速电影,这些电影不像图像那样进入菜单下,而是在菜单上滚动。

http://www.calebchurchill.com/projects/horny_dog/

我曾尝试使用 z-index 对其进行排序,但到目前为止还没有成功。

有任何想法吗?