Html z索引对角度方向内的元素不起作用
代码: .vPScoreReasons显示在下一个.vPScore下(布局是一个网格状视图,包含许多产品及其分数)Html z索引对角度方向内的元素不起作用,html,css,angularjs,Html,Css,Angularjs,代码: .vPScoreReasons显示在下一个.vPScore下(布局是一个网格状视图,包含许多产品及其分数) 任何帮助都是非常感谢的。使用!重要信息 z指数:50!重要的 这将对您有用。使用!重要信息 z指数:50!重要的 这对你很有用。“每个堆叠上下文都有一个HTML元素作为其根元素。在元素上形成新的堆叠上下文时,该堆叠上下文将其所有子元素限制在堆叠顺序中的特定位置。这意味着,如果一个元素包含在堆叠顺序底部的堆叠上下文中,那么即使z索引为10亿,也无法使它出现在堆叠顺序较高的不同堆叠上下
任何帮助都是非常感谢的。使用!重要信息 z指数:50!重要的
这将对您有用。使用!重要信息 z指数:50!重要的 这对你很有用。“每个堆叠上下文都有一个HTML元素作为其根元素。在元素上形成新的堆叠上下文时,该堆叠上下文将其所有子元素限制在堆叠顺序中的特定位置。这意味着,如果一个元素包含在堆叠顺序底部的堆叠上下文中,那么即使z索引为10亿,也无法使它出现在堆叠顺序较高的不同堆叠上下文中的另一个元素前面!" “每个堆叠上下文都有一个HTML元素作为其根元素。在元素上形成新的堆叠上下文时,该堆叠上下文将其所有子元素限制在堆叠顺序中的特定位置。这意味着,如果一个元素包含在堆叠顺序底部的堆叠上下文中,那么即使z索引为10亿,也无法使它出现在堆叠顺序较高的不同堆叠上下文中的另一个元素前面!"
您可以创建一个全局变量ZINDEX 在指令中,您可以使用
vPRibbon {
position: absolute;
z-index: 50;
cursor: pointer;
left:11em;
top:-1em;
height:7em;
width:5.3em;
background-repeat: no-repeat;
background-image:url('chrome-extension://__MSG_@@extension_id__/images/Rating-ribbon.png');
}
.vPScoreReasons{
background-image:url('chrome-extension://__MSG_@@extension_id__/images/score-box.png');
width: 256px;
height: 181px;
}
/*.vPScoreBox .vPRibbon {
}*/
.vPContentBox .vPScore span{
float: left;
padding: 0em 0.85em;
font-weight: bold;
margin-top: -0.2em;
font-family: Museo;
}
这样,新模式将始终显示在前面您可以创建一个全局变量ZINDEX 在指令中,您可以使用
vPRibbon {
position: absolute;
z-index: 50;
cursor: pointer;
left:11em;
top:-1em;
height:7em;
width:5.3em;
background-repeat: no-repeat;
background-image:url('chrome-extension://__MSG_@@extension_id__/images/Rating-ribbon.png');
}
.vPScoreReasons{
background-image:url('chrome-extension://__MSG_@@extension_id__/images/score-box.png');
width: 256px;
height: 181px;
}
/*.vPScoreBox .vPRibbon {
}*/
.vPContentBox .vPScore span{
float: left;
padding: 0em 0.85em;
font-weight: bold;
margin-top: -0.2em;
font-family: Museo;
}
这样,一个新的模态总是会出现在谷歌同行的面前,这里有一个解决方案:不要直接将角度指令放在目标组件上。相反,用
将其包裹起来,并将该指令放在目标组件上
解决方案可在googlenauts的同事处找到,这里有一个解决方案:不要直接将角度指令放在目标组件上。相反,用
将其包裹起来,然后将该指令放在目标组件上
在找到解决方案这可能会为您提供解决方案您找到解决方案了吗?这可能会为您提供解决方案您找到解决方案了吗?不,事实上,只有当其父项具有position:relative时,tZ-Index才会起作用,请尝试此操作,并检查子项必须比父项具有更多的z-Index,以便您可以使用z-Index:9999!importtant;在这种情况下,这将是肯定的。不幸的是,绝对定位是必需的。你能给我提供小提琴吗?我可以解决你的问题吗?不,实际上,只有当其父项具有位置:相对时,tZ索引才会起作用,也可以试试这个,同时检查子项必须比父项具有更多的z索引,这样你才能使用z索引:9999!重要;这将是肯定的。不幸的是,在这种情况下,需要绝对定位。您是否可以为我提供小提琴?我可以解决您的问题吗。
ZINDEX++;
elem[0].style.zIndex = ZINDEX