Facebook 发送按钮对话框 z-index 问题
如何解决以下问题：
我已尝试将图像的 z-index 设置为-1 但在 IE 和 Opera 上，它们位于容器的 rgba 背景后面：
您可以看到以下内容问题在这里（在 IE和 Opera）：
How do I fix the following issue:
I've tried setting the z-index of my images to -1 but on IE and opera they go behind the rgba background of their container:
You can see the following problem here (in IE and Opera):
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您应该避免使用负
z-index值，因为这些元素是浏览器构建页面时首先绘制的元素之一（更多信息可以在 这个答案） - 这意味着元素可以出现在您可能意想不到的事物（流内元素等）后面。为了确保 facebook 下拉菜单始终位于图像上方，您可以对 facebook 父元素应用比包含图像的元素更大的
z-index- 在本例中是#dump_options- 在本例中为.preview。所以你的 CSS 可能是：
You should avoid using negative
z-indexvalues as these elements are one of the first things to be drawn when a browser builds a page (more information can be found in this SO answer) - which means that elements can appear behind things you might not expect (in-flow elements etc).To ensure the facebook dropdown is always above the images you can apply a larger
z-indexto the facebook parent element - in this case#dump_options- than the one containing the images - in this case.preview.So your CSS could be:
如果设置父级的 z-index 不起作用，请尝试设置父级的父级的 z-index，依此类推。请记住 z 索引可以嵌套。
If setting the z-index of the parent doesn't do it, try setting the z-index of the parent's parent and so on. Remember z-indices can be nested.
尝试将 CSS 更改为：
链接，W3Schools
Try changing the CSS to this :
Link, W3Schools