Questions tagged «z-index»

z-index表示元素在z平面上的显示顺序。具有较高堆栈顺序的元素始终位于具有较低堆栈顺序的另一个元素之前。大多数GUI框架(Web和桌面)均提供此功能。

11
Z索引的最小值和最大值?
我的HTML页面中有一个div。我正在根据某些条件显示此div,但是div显示在指向鼠标光标的HTML元素后面。 我尝试了所有0-999999的z-index值。有人可以告诉我为什么会这样吗? CSS的Z-INDEX属性是否有最小值或最大值? .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; } <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink> </td> </tr> <tr> <td> <div class="divClass"> Some Data </div> </td> </tr> </table> 运行代码段隐藏结果展开摘要 我正在.divClass通过<asp:hyperlink>使用jQuery 通过onclick 显示和隐藏div 。
517 html  css  z-index 

8
Z索引不适用于固定定位
我有一个div默认位置(即position:static)和div一个fixed位置。 如果设置元素的z索引,似乎不可能使固定元素位于静态元素之后。 #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } <!DOCTYPE html> <html> <body> <div id="over"> Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </div> <div …
422 css  z-index 


11
将视图放置/重叠(z-index)在android中另一个视图之上
我有一个线性布局,其中包含imageview和textview,一个在另一个布局下面。 <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> 可能缺少一些规则,这是一个想法,布局看起来如何。我想在图像视图上方放置另一个长度和宽度为50dip的小文本视图,“上方”是指z-index大于imageview,我希望将其放置在imageview的中心和上方(重叠)。 我想知道如何将z-index(最好是线性布局)变化的一个视图放置在另一个视图之上?

4
为什么z-index不起作用?
因此,如果我z-index正确理解,在这种情况下将是完美的: 我想将底部图像(标签/卡片)放在其上方的div下方。所以您看不到锋利的边缘。我该怎么做呢? z-index:-1 // on the image tag/card 要么 z-index:100 // on the div above 也不起作用。诸如此类的组合也没有。怎么会?
178 html  css  z-index 

11
IE7 Z索引分层问题
我已经隔离了IE7 z-index错误的一个小测试用例,但是不知道如何解决它。我z-index整天都在玩。 z-indexIE7有什么问题? 测试CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: 0; z-index: 1000; } li { color: #fff; list-style-type: none; padding-left: 0; margin-left: 0; } span.envelope { position: relative; …

13
如何在SVG元素中使用Z-index?
我在这样的项目中使用svg圈子, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> 我在g标签中使用z-index 来显示第一个元素。在我的项目中,我只需要使用z-index值,但是不能对我的svg元素使用z-index。我已经在Google上搜索了很多,但是没有找到任何相对的东西。因此,请帮助我在我的svg中使用z-index。 这是演示。

6
CSS Z-index悖论花
我想通过z-index CSS属性创建一个自相矛盾的效果。 在我的代码中,我有五个圆圈,如下图所示,它们都绝对定位,没有定义z-index。因此,默认情况下,每个圆都与前一个圆重叠。 现在,圆5与圆1重叠(左图)。我想实现的悖论是,同时在圆2下方和圆5上方具有圆1(如右图所示)。 (来源:schramek.cz) 这是我的代码 标记: <div class="item i1">1</div> <div class="item i2">2</div> <div class="item i3">3</div> <div class="item i4">4</div> <div class="item i5">5</div> 的CSS .item { width: 50px; height: 50px; line-height: 50px; border: 1px solid red; background: silver; border-radius: 50%; text-align: center; } .i1 { position: absolute; top: 30px; left: 0px; …
98 css  z-index 

4
使用CSS将元素放在最前面
我不知道如何使用来显示图像CSS。我已经尝试将z-index设置为1000并将其位置设置为相对,但仍然失败。 这里的例子- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; border: 1px solid #A02422; background: #ABABAB; } …
87 html  css  z-index  jsfiddle 

6
通过设置transform(rotate)取消z-index
使用transform属性,z-index被取消并出现在最前面。(注释掉-webkit-transform时,z-index在下面的代码中正常工作) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */ -webkit-transform: rotate(3deg); /* Safari and Chrome */ transform: …
84 css  z-index  transform 

6
在页面内容上方浮动div
我已经实现了一个弹出框,可以动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前,当显示该框时,它将替换其下方的所有内容,并且看起来很糟。 我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index,但是仍然没有运气。
80 css  z-index 

16
如何找出文档中最高的z索引?
为了将包含透明文本图像的div设置为文档中的最高z索引,我选择了10,000,它解决了我的问题。 以前我猜过数字3,但没有效果。 因此,是否有更科学的方法来确定哪个z索引比您所有其他元素的z索引高? 我尝试在Firebug中寻找此指标,但找不到。
73 javascript  html  css  z-index 

3
隐藏了CSS box-shadow(z-index无法修复)
我的#primaryNavdiv上有框阴影。不幸的是,阴影被以下#page元素的背景覆盖/隐藏。 我试图将z-index设置为100 #primaryNav,将z-index设置为-100设置为#page,但这不能解决我的问题。 有什么想法我做错了吗?
72 z-index  css 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.