Tag: z index

显示视图上的行动栏: 有没有办法在操作栏顶部显示视图？我想创build一个小的提示框，将用户指向操作栏中的项目。我知道，具有设置视图的Toast将被呈现在操作栏上方。有谁知道如何做到这一点的观点？我已经尝试使用layout_gravity="top" FrameLayout和膨胀一个视图，然后将其添加到正在运行的活动的布局。我提前感激你。编辑：这是我在想什么的形象：编辑：也许一些更多的细节是需要的。我正在寻找一种方法，或者找出是否甚至可以添加一个视图的活动的视图层次结构，以便它最后呈现。与CSS类似，我想为此特定视图（图像中的蓝色浮动框）提供更高的Z-index顺序，以便它将呈现在活动的操作栏区域之上。这个视图与Action Bar没有任何关系，它只是简单的绘制在上面。

Bootstrap莫代尔坐在背后: 所以我几乎和@Jamescoo的问题一样，但是我认为我的问题来自于我已经定位了几个DIV来创build滑动导航面板。这是我的确切设置复制： http : //jsfiddle.net/ZBQ8U/2/ 奖金：如果你愿意的话，随意抓取滑动面板的代码:) z-索引不应该冲突，它们的值将显示它们正确堆叠，但是在视觉上它们不是。一旦你点击“打开模式”button， <div class="modal-backdrop fade in"></div>覆盖所有内容！（你将不得不重新运行代码来重置它）我不知道如何补救这个…任何想法？

z-index与twitter引导下拉菜单的问题: 我在页面顶部的固定导航栏中使用twitter引导下拉菜单。这一切工作正常，但是有下拉菜单项显示在其他页面元素后面，而不是在他们面前的问题。如果我在页面上有任何position: relative （如jQuery UI手风琴，或谷歌图表），然后下拉菜单显示在它后面。尝试改变DD菜单和导航栏的z-index ，但没有任何区别。我可以让菜单坐在其他内容上方的唯一方法是将内容更改为position: fixed; OR z-index: -1; 但这两种解决scheme都会导致其他问题。感谢您能给我的任何帮助。我认为这可能是CSS定位的一些标准问题，我误解了，所以没有发布任何代码，但如果需要可以做。谢谢。

在页面内容上方浮动div: 我实现了一个popup框，dynamic显示search选项。我希望这个盒子能够“漂浮”所有的网站内容。目前，当显示该框时，它将取代下面的所有内容，看起来很糟糕。我相信我已经试过把盒子的div的z-index设置在剩下的页面内容的上面，但是还是没有运气。

带元素前面使用CSS: 我不知道如何使用CSS将图像放在前面。我已经尝试将z-index设置为1000，并将其置于相对位置，但仍然失败。这里的例子 – #header { background: url(http://placehold.it/420×160) 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; } <body> <div id="header"> […]

css3下另一个div下的阴影，z-index不起作用: 我试图使用阴影使它看起来像一个div（标题）是“上面”另一个。我的问题是“中间”div覆盖了阴影。我试图使用z-index把中间div的标题div，但它不工作（阴影仍然被覆盖）。当我在div之间rest时，我可以看到阴影，因此我知道代码的一部分工作正常。我有以下的HTML代码： <div id='portal_header_light'> <img src="Home.png" height="32px" \> <img src="Wrench.png" height="32px" \> </div> <div id='middle'></div> 和这个CSS： #portal_header_light { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; padding: 0px 3px 0px 3px; background: -moz-linear-gradient(center top, #999999 0%,#ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, […]

隐藏的CSS盒子阴影（z-index不能修复）: 我的#primaryNav div上有个阴影。不幸的是，阴影正在被以下#page元素的背景覆盖/隐藏。我试图设置一个z-index为100到#primaryNav和z-index为-100到#page，但是这不能解决我的问题。任何想法我做错了什么？

如何在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值，但我不能使用z-index到我的svg元素。我GOOGLE了很多，但我没有find任何相对的东西。所以请帮我在我的svg中使用z-index。这是DEMO。

CSS z-index悖论花: 我想通过z-index CSS属性创build一个自相矛盾的效果。在我的代码中，我有五个圆圈，如下图所示，它们都是绝对定位的，没有定义z-index 。因此，默认情况下，每个圆都与前一个圆重叠。现在，圈5与圈1（左图）重叠。我想要达到的悖论是同时在圈2下和圈5顶部圈1（如右图）。 ../1.jpg 这是我的代码标记： <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; } .i2 […]