z-index相关内容
我实现了一个动态显示搜索选项的弹出框。我想让框“浮动”所有的网站内容。目前,当框被显示时,它移位其下面的所有内容,看起来不好。 我相信我已经尝试将框的div的z-index设置为剩余页面内容的z-index之上,但仍然没有运气。 解决方案 您要使用绝对定位。 绝对位置元素是 相对于第一个 父元素有一个位置 而不是静态。如果没有找到这样的元素 ,则包含块是 html
..
我试图使用jQuery在可拖动元素上设置z-index。你可以看到我在说什么以及到目前为止的情况: http://jsfiddle.net/sushik/LQ4JT/1/ 这是非常原始的,有它的问题。任何想法如何使最后点击的元素具有最高的z-index,而不是重置所有其余的基础 z-index ,让他们的步骤,所以第二个到最后一个点击具有第二高的 z-index 等。 它只适用于
..
..
可能重复: 通过覆盖元素传递鼠标点击
是否可以单击红色正方形下方的链接而不使用javascript?红色div不需要是可点击的。 http:// jsfiddle.net/efortis/LNwHV/ #bottom { width:100px; height:100px; background-color:orange; } #top {
..
查看此评论 //忽略z -index if position设置为z-index被浏览器忽略的值 //这使得这个函数的行为在浏览器之间是一致的 //如果元素定位,WebKit总是返回auto 我看到jquery的 zIndex()返回0 if元素是 position:static 。 position:static不支持z-index (它适用于我在Chrome
..
这个属性让我困惑。 很好..我在google搜索: 什么是z-index? z-index属性指定元素的堆栈顺序。 具有较大堆栈顺序的元素始终位于具有较低堆栈顺序的元素前面。 注意:z-index只适用于定位的元素(位置:绝对,位置:相对或位置:固定)。回答来源 z-index使用什么? / p> 元素彼此重叠的顺序。 为此,您可以为每个元素分配一个数字(z-i
..
当静态定位时,:: before伪元素堆栈(z-index)在孩子的内容之前,但是在孩子的背景之后。任何人都可以解释为什么或甚至如何发生这种情况,或者这是所有主要浏览器都有的问题。
..
我无法获得 z-index 在包含带有IE8的pdf文件的 iframe 上工作。它适用于Google Chrome。 示例( JSFiddle ): HTML
我应该在顶部的文字
..
我创建了一个带有before-pseudo元素的'header'元素。伪元素必须在父元素之后。 一切正常,直到我给我的'header'一个Z-索引。 我想要的:前景上的黄色“红色伪元素和在黄色'header'元素上的简单z索引30。 header { background:yellow; position:relative; height:100px; width:1
..
我在JavaScript中编写了一个“弹出窗口”,我遇到了一个有趣的事情: 弹出窗口下的海军方格是可见的,即使我期望它被隐藏。 CSS opacity 海军属性square是 0.3 。从我试过的,似乎每个数字从(0,1)将产生相同的结果。如果我将其更改为 1 ,那么它的行为与预期一致(即,弹出窗口下方的部分被隐藏)。 我已尝试将 z-index 属性设置为 10 表示正方形,
..
我试图找到以下问题的答案: 是一个元素的z索引样式的绝对栈顺序或其堆栈顺序相对于其父? 例如,假设我有以下代码:
Hello World
..
我有一些div元素具有不同的z-index。 CSS: #layer-1 {z-index:1} #layer-2 {z-index:2} # 3} #layer-4 {z-index:4}
layer-1
layer-2
..
我想让 div1 高于 div2 。我尝试用 z-index 但它不工作。 我试过这个代码: div {width:100px; height:100px;}。div1 {background:red; z-index:1;}。div2 {background:blue; margin-top:-15vh; z-index:2}
..
如何将元素与在Internet Explorer中相对定位的另一个元素重叠? Z-index不工作,它总是出现在相对定位的元素之后。 解决方案 看起来我在开玩笑,我不是 .myLinkCssClass { background:url(#); }
..
为了将包含透明文本图像的div设置为文档中的最高z-index,我选择了10,000,它解决了我的问题。 以前我已经猜到了数字3,但它没有效果。 因此,有一个更科学的方法,弄清楚什么z指数高于所有 我尝试在Firebug中找到这个指标,但找不到它。 >解决方案 您可以为特定元素类型(如“DIV”)调用 findHighestZIndex ,如下所示: findHighe
..
我有以下按钮和相关的上下文菜单
操作
删除 详情
..
我有2个嵌套的css元素。我需要得到父元素在顶部,即在z轴上的子元素。只是设置z-index是不够的。我如何做到这一点?感谢。 http://jsbin.com/ovafo / edit 编辑:我无法在子级上设置负z-index,将其设置在我实际的页面容器下页。这是唯一的方法吗? Edit2:更新示例以设置位置:绝对; 解决方案 为子项设置一个负值 z-index ,并删
..
使用transform属性,z-index被取消并出现在前面。 (当注释-webkit-transform时,z-index在以下代码中正常工作) HTML transform
..
我对使用 z-index 来决定堆叠顺序有些困惑。 了解浏览器如何使用 position 属性来处理元素。 决定元素的堆叠顺序是否有明确定位的元素? 不同情况的示例是值得赞赏的。一般来说: 混合同级
位置设置。 嵌套
与sibling混合
解决方案 CSS的基础 z-index 属性 一个简单的概念 z-index
..
我试图用:之后的 c>伪元素CSS选择器样式元素 elementTag {position:relative; z-index:1;} elementTag:after {position:relative; z-index:0; content:“”; position:absolute; width:100px; height:100px;} 看起来像:after
..