所以如果我正确理解z-index,它在这种情况下是完美的:
我想把底部图像(标签/卡片)下面的div上面。所以你看不到锋利的边缘。我怎么做呢?
z-index:-1 // on the image tag/card
or
z-index:100 // on the div above
也不管用。像这样的组合也不行。如何来吗?
所以如果我正确理解z-index,它在这种情况下是完美的:
我想把底部图像(标签/卡片)下面的div上面。所以你看不到锋利的边缘。我怎么做呢?
z-index:-1 // on the image tag/card
or
z-index:100 // on the div above
也不管用。像这样的组合也不行。如何来吗?
当前回答
z指数需要这些来工作:
位置:相对,绝对,固定,.. 确保父元素没有溢出:hidden;
其他回答
z-index属性只适用于具有非静态位置值的元素(例如,position: absolute;, position: relative;,或position: fixed)。
还有位置:粘;它在Firefox中得到支持,在Safari中有前缀,在较旧版本的Chrome中使用了自定义标记,微软正在考虑将其添加到Edge浏览器中。
在我的例子中,我有我的导航栏的不透明度为0.9,我从codercoder.com得到了我的答案,因为我从我的导航栏的css中删除了不透明度属性,z-index工作
z指数需要这些来工作:
位置:相对,绝对,固定,.. 确保父元素没有溢出:hidden;
我在z指数上也遇到过同样的问题 不管你信不信,只要设置背景色就能解决问题
像这样
背景颜色:白色;
你的元素需要有一个position属性。(例如绝对指数、相对指数、固定指数)或z指数都不起作用。