z-index相关内容

为什么具有 z-index 值的元素不能覆盖其子元素?

今天经过几个小时的调试,我艰难地学会了这条规则: 如果父元素的 z-index 为任何值,则无论您如何更改子元素的 CSS,父元素都永远无法覆盖(堆叠在其顶部)其子元素 我如何从逻辑上理解这种行为?是否符合规范? .container {宽度:600px;高度:600px;背景颜色:鲑鱼;位置:相对;z-索引:99;填充顶部:10px;}h1{背景颜色:粉红色;位置:相对;z-索 ..
发布时间:2021-12-01 15:54:15 前端开发

为什么 z-index 不起作用?

因此,如果我正确理解 z-index,那么在这种情况下就完美了: 我想将底部图像(标签/卡片)放在其上方的 div 下方.所以你看不到锋利的边缘.我该怎么做? z-index:-1//在图片标签/卡片上 或 z-index:100//在上面的 div 也不行.像这样的组合也不会.怎么来的? 解决方案 z-index 属性仅适用于具有 position 不是 static 的值 ..
发布时间:2021-12-01 12:29:18 前端开发

绝对定位的元素如何在没有任何 z-index 的情况下与下一个/下一个元素重叠?

请在此处查看我的fiddle. 我想了解绝对定位的“红色六边形"图标如何在没有 z-index 的情况下与 input/textarea 元素重叠? .c-icon-error-a {高度:17px;宽度:18px;}.c-icon-v2 {背景图片:url("http://i.stack.imgur.com/RSjot.jpg");背景重复:不重复;显示:内联块;高度:14px;垂直对齐 ..
发布时间:2021-11-26 16:04:55 前端开发

绝对定位的元素如何在没有任何 z-index 的情况下与下一个/下一个元素重叠?

请在此处查看我的fiddle. 我想了解绝对定位的“红色六边形"图标如何在没有 z-index 的情况下与 input/textarea 元素重叠? .c-icon-error-a {高度:17px;宽度:18px;}.c-icon-v2 {背景图片:url("http://i.stack.imgur.com/RSjot.jpg");背景重复:不重复;显示:内联块;高度:14px;垂直对齐 ..
发布时间:2021-11-25 08:38:29 前端开发

如何在不设置 z 坐标的情况下为 Three.js 对象提供 z 索引?

我正在使用 Three.js 来渲染多个分层排列的 2D 对象 (THREE.PlaneGeometry).所有这些都应该在同一个平面上对齐,但有些物体“在"其他物体的“前面"或“挡住了"其他物体的视线.换句话说,我想模拟 CSS z-index 属性,但没有实际使用 z-dimension,因为这会导致透视问题. Three.js 有这方面的功能吗? 解决方案 你需要使用polyg ..
发布时间:2021-11-24 22:02:21 前端开发

wmode="opaque" 的问题和 wmmode="window" 的问题;

好的,首先我遇到了“window"的默认 wmode 2 个问题.我的网页导航菜单将在我的 flex/flash 应用程序下.另一个问题是在 Flash 应用程序中滚动时,整个页面都会滚动. 我将 wmode 更改为“不透明",这解决了导航菜单的问题,现在它们显示在 Flash 应用程序上方.那太好了,但现在我根本没有在 Flash 应用程序中滚动. 我意识到这是一个大问题,但我似乎无 ..
发布时间:2021-11-17 01:38:00 其他开发

如何在小程序顶部显示弹出内容

我的网站使用老式 Java 小程序作为关键内容.随着网站的成熟,我们将围绕这个小程序添加额外的内容,其中包括悬停内容和 jQuery UI 对话框. 问题是这些悬停内容和对话框出现在小程序下方,并且它们的内容被遮挡了. 我已经尝试了常见的方法来解决问题,例如z-index 和wmode=transparent 但这些都不起作用.我也看到了这个问题的答案,说它不是可能,但这些问题已经有几 ..
发布时间:2021-11-16 22:25:51 前端开发

Safari 及其他版本上的 Java Applet z-index

网页中 Java Applet 的一个众所周知的问题是浏览器会忽略 Applet 标签与页面中其他组件的 z-index.无论您如何在页面中定位和 z-index 元素,applet 都会在所有内容之上绘制自己. 有一种解决方法,称为 iframe shim,如下所述:http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-pa ..
发布时间:2021-11-16 22:08:36 Java开发

Jquery:如何将图像叠加在一起?

在下面的代码中,我有一个构建衬衫的页面.当用户单击一个选项(“男/女")时,“#shirt"部分通过将 PNG 图像相互叠加来显示构造的衬衫.例如,选择“蓝色"的基色将显示蓝色衬衫的图像.然后,选择“罗纹"的身体缝合将在蓝色衬衫的顶部放置一个添加罗纹细节的图像.现在,我的问题是每个新图像都会替换以前的图像.其他一切正常(响应先前选择的选项出现的选项). 选择性别 ..
发布时间:2021-11-16 19:39:27 前端开发

wmode="opaque" 的问题和 wmmode="window" 的问题;

好的,首先我遇到了“window"的默认 wmode 两个问题.我的网页导航菜单将位于我的 flex/flash 应用程序下.另一个问题是在 Flash 应用程序中滚动时,整个页面都会滚动. 我将 wmode 更改为“不透明",这解决了导航菜单的问题,现在它们显示在 Flash 应用程序上方.太好了,但现在我根本没有在 Flash 应用程序中滚动. 我意识到这是一个大问题,但我似乎无法 ..
发布时间:2021-11-12 00:20:21 其他开发

wmode="opaque" 的问题和 wmmode="window" 的问题;

好的,首先我遇到了“window"的默认 wmode 两个问题.我的网页导航菜单将位于我的 flex/flash 应用程序下.另一个问题是在 Flash 应用程序中滚动时,整个页面都会滚动. 我将 wmode 更改为“不透明",这解决了导航菜单的问题,现在它们显示在 Flash 应用程序上方.太好了,但现在我根本没有在 Flash 应用程序中滚动. 我意识到这是一个大问题,但我似乎无法 ..
发布时间:2021-11-12 00:16:41 其他开发

SwiftUI:无法在 MainView 中将 DetailView 转换为 ZStack 才能工作

我在任何地方都找不到答案,希望你们中的一位能帮助我. 我有一个包含一些内容的 MainView.按下一个按钮,我想打开一个 DetailView.我正在使用 ZStack 将 DetailView 分层在顶部,填充屏幕. 但是使用以下代码我无法让它工作.DetailView 在插入时没有过渡,并在移除时停止.我试过手动设置 zIndex 和不设置 zIndex 以及自定义 assyme ..
发布时间:2021-11-10 05:42:12 移动开发

AngularJS - 随着 Z 索引的变化上下滑动 Div 没有得到尊重

请在此处查看显示我的问题的 JSFiddle:http://jsfiddle.net/mlippy/zkH7S/ 我试图在列表中上下移动 div,这些 div 向上移动隐藏 div 向下移动.如果您查看小提琴,您可以单击 5 个不同颜色的框来告诉它们移到顶部.如果您单击不同位置的各种框,您将开始看到向上移动的框的 z-index 不会高于向下移动的框的 z-index.如果您重复单击第三个定 ..
发布时间:2021-11-09 23:18:12 前端开发

如何在我的内容上方显示标题元素?

如何在内容 div 上方显示所有标题?(z 轴上的“上方"),因此可见的 z 顺序为: 内容 1(最底部的元素) 内容 2 标题 1 HEADER 2(最顶层元素) 我不能对 DOM 结构进行太多更改:每个标题和 div 都必须分组在一篇文章中. 此外,这些文章的数量是未知的,而不仅仅是两篇. article {位置:固定;不透明度:0.75;}文章一{变换:tran ..
发布时间:2021-10-05 19:06:14 前端开发

Paper.js Z-Index 和绑定对象

我正在学习 paper.js 并没有找到如何解决我的问题.请参阅我的应用程序测试:http://www.plugbox.com.br/reta.htm 红色圆圈只覆盖 Y 轴,蓝色圆圈只覆盖 X 轴,线的起点和终点跟随红色和蓝色点. 但是这条线在圆圈的前面.如何通过将“z-index"线放置在点后面的图层中来设置它? 另一个问题是: 例如,如何将第三个点放在线的中间并使其仅 ..
发布时间:2021-10-05 19:06:08 前端开发

使用计数器增量更改 z-index

我尝试制作一个图像滑块,当鼠标悬停在一个点上时它会显示图片.我也尝试使用 z-index 在图像之间切换,但没有任何移动. .slider {计数器复位:索引 1000;}.slider input[name='slide_switch']:hover+label+img {反增量:索引;z-index:计数器(索引);} 解决方案 即使您使用 JavaScript/jQuery,您尝试 ..
发布时间:2021-10-05 19:06:05 前端开发

ZIndex 和 Silverlight

我有一个构成问题主题的图像,我想在它上面放置按钮供用户点击. 我有一个定位精灵的对象(一个带有变换背景图像的矩形) 我有一个 ItemsControl,它使用 Margin.left 和 top 来定位按钮.像这样 ..
发布时间:2021-10-05 19:06:03 其他开发