z-index相关内容

是否可以在其父元素下方设置伪元素的堆叠顺序?

我正在尝试使用 :after 伪元素 CSS 选择器设置元素样式 #element {位置:相对;z-索引:1;}#element::after {位置:相对;z-索引:0;内容: " ";位置:绝对;宽度:100px;高度:100px;} 似乎 ::after 元素不能低于元素本身. 有没有办法让伪元素低于元素本身? 解决方案 伪元素 被视为其关联元素的后代.要将伪元素放置在其 ..
发布时间:2021-12-01 16:55:21 前端开发

IE7 Z-Index 分层问题

我已经隔离了 IE7 的 z-index 错误的一个小测试用例,但不知道如何修复它.我整天都在玩 z-index. IE7 中的 z-index 有什么问题? 测试 CSS: input {边框:1px 实心 #000;}div {边框:1px 实心 #00f;}ul{边框:1px 实心 #f00;背景色:#f00;列表样式类型:无;边距:0;填充左:0;z-索引:1000;}李{颜 ..
发布时间:2021-12-01 16:52:39 前端开发

了解 z-index 堆叠顺序

我对使用 z-index 来决定堆栈顺序有点困惑. 我不太明白浏览器如何处理带有 position 属性的元素和没有它的元素. 是否有一个通用规则来决定元素的堆栈顺序,无论是否明确定位元素? 感谢不同情况的示例.一般而言: 混合兄弟 有位置设置和没有位置设置. 嵌套 s与兄弟 s混合,有位置设置和没有位置设置. 解决方案 CSS 基础 z-index 属性 ..
发布时间:2021-12-01 16:43:11 前端开发

z-index 不适用于固定定位

我有一个带有默认定位(即 position:static)的 div 和一个带有 fixed 的 div位置. 如果我设置元素的 z-indexes,似乎不可能让固定元素落后于静态元素. #over {宽度:600px;z-索引:10;}#在下面 {位置:固定;顶部:5px;宽度:420px;左:20px;边框:1px 实心;高度:10%;背景:#fff;z-索引:1;} ..
发布时间:2021-12-01 16:28:33 前端开发

为什么具有 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

我需要在RelativeLayout中的Button上方放置一个TextView.但它不起作用:TextView 总是在按钮下,即使我将它移动到按钮之前.我还尝试了 bringChildToFront() 函数将 textview 移动到前面,但没有运气. ..
发布时间:2021-11-27 20:48:08 移动开发

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

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

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 其他开发

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 其他开发