程序设计 z-index

11

我的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

9

如何设置iPhone UIView z索引？

我想将一个视图移到另一个视图上，如何知道该视图的z索引，以及如何移到顶部？

252 ios uiview position 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（最好是线性布局）变化的一个视图放置在另一个视图之上？

229 android android-layout 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; …

163 css internet-explorer-7 z-index

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。这是演示。

154 javascript jquery 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

Questions tagged «z-index»