Tag: z index

Z-INDEX的最小值和最大值: 我在我的HTML页面中有一个DIV。我根据一些条件展示了这个DIV。但是DIV显示在我指向鼠标指针的任何HTML元素的后面。我已经尝试了从0 – 999999的Z-INDEX属性的所有值。谁能告诉我为什么会发生这种情况？ CSS的Z-INDEX属性有最小值还是最大值？例如，下面的HTML在ascx控件中定义： <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> 而CSS是： .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; display: none; } 而我正在显示和隐藏特定的DIV用于超链接使用+ Jquery这是在主页上。

为什么z-index不起作用？: 所以，如果我正确理解z-index ，那么在这种情况下是完美的：我想把底部的图像（标签/卡）放在它上面的div下面。所以你不能看到锋利的边缘。我如何做到这一点？ z-index:-1 // on the image tag/card 要么 z-index:100 // on the div above 也不起作用。也不是这样的任何组合。怎么来的？

在android中放置/重叠（z-index）视图上方的另一个视图: 我有一个线性布局，其中包括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的小文本视图，放在imageview上，“over”我的意思是z-index比imageview更多，我想把它放在imageview的中心和上面（重叠）。我想知道怎样才能把一个视图放在另一个视图的上方，并使用不同的z-index（最好是线性布局）？

了解z-index堆叠顺序: 我有点困惑于使用z-index来决定堆栈顺序。我不太了解浏览器如何将元素的position属性与没有它的元素相关联。是否有一个通用的规则来决定元素的堆栈顺序是否已经明确地定位元素？不同情况下的例子，赞赏。一般来说：混合兄弟<div> s与位置设置和没有位置设置。嵌套<div>与位置设置和位置设置的兄弟<div> s混合。

z-index不能用于固定位置: 我有一个默认的定位（即position:static ）和一个具有fixed位置的div 。如果我设置元素的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 id="under"> </div> </body> […]

IE7 Z索引分层问题: 我已经隔离了IE7的z-index错误的一个小测试用例，但不知道如何解决它。我一直在玩z-index 。在IE7中z-index有什么问题？测试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; } span.envelope ul { […]