facebook发送按钮z-index？奇怪的问题

发布于 2024-12-12 04:16:54 字数 139 浏览 0 评论 0原文

我怎么也想不出如何让这个 Facebook 元素出现在它下面的幻灯片画廊上方。我很确定这不是溢出问题，并且任一元素上的 z-index 似乎都没有任何效果。

问题出现在这里：lovegrows.org/marykay

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

记忆消瘦 2024-12-19 04:16:54

做了更多的挖掘之后。看起来您正在使用的 Gallery 脚本中的许多元素的 z 索引分别为 99990 和 99991。

这是我所看到的，我认为是罪魁祸首，尽管我只能想到编辑文件以查看是否可以解决问题，但我不知道有任何其他方法来测试这个问题。

cssMap = {
                overlay:    'position:fixed;display:none;opacity:'+op.overlayOpacity+';filter:alpha(opacity='+(op.overlayOpacity*100)+
                            ');top:0;left:0;width:100%;height:100%;background:'+op.overlayBackground+';z-index:99990',
                box:        'position:fixed;display:none;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:99991',
                shadow:     abs+'background:#000;width:100%;height:100%;',
                content:    abs+'background-color:#fff;top:10px;left:10px;right:10px;bottom:10px;overflow:hidden',
                info:       abs+'bottom:10px;left:10px;right:10px;color:#444;font:11px/13px arial,sans-serif;height:13px',
                close:      abs+'top:10px;right:10px;height:20px;width:20px;background:#fff;text-align:center;cursor:pointer;color:#444;font:16px/22px arial,sans-serif;z-index:99999',
                image:      abs+'top:10px;left:10px;right:10px;bottom:30px;overflow:hidden;display:block;',
                prevholder: abs+'width:50%;top:0;bottom:40px;cursor:pointer;',
                nextholder: abs+'width:50%;top:0;bottom:40px;right:-1px;cursor:pointer;',
                prev:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;left:20px;display:none;text-align:center;color:#000;font:bold 16px/36px arial,sans-serif',
                next:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;right:20px;left:auto;display:none;font:bold 16px/36px arial,sans-serif;text-align:center;color:#000',
                title:      'float:left',
                counter:    'float:right;margin-left:8px;'
            },

After doing a little more digging. It looks like the Gallery script that you are using has z-indexes in there for 99990 and 99991 for a number of elements.

Here's what I see that I believe to be the culprit, though I could only think of editing the files to see if that resolves the issue, I don't know of any other way to test this out.

cssMap = {
                overlay:    'position:fixed;display:none;opacity:'+op.overlayOpacity+';filter:alpha(opacity='+(op.overlayOpacity*100)+
                            ');top:0;left:0;width:100%;height:100%;background:'+op.overlayBackground+';z-index:99990',
                box:        'position:fixed;display:none;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;z-index:99991',
                shadow:     abs+'background:#000;width:100%;height:100%;',
                content:    abs+'background-color:#fff;top:10px;left:10px;right:10px;bottom:10px;overflow:hidden',
                info:       abs+'bottom:10px;left:10px;right:10px;color:#444;font:11px/13px arial,sans-serif;height:13px',
                close:      abs+'top:10px;right:10px;height:20px;width:20px;background:#fff;text-align:center;cursor:pointer;color:#444;font:16px/22px arial,sans-serif;z-index:99999',
                image:      abs+'top:10px;left:10px;right:10px;bottom:30px;overflow:hidden;display:block;',
                prevholder: abs+'width:50%;top:0;bottom:40px;cursor:pointer;',
                nextholder: abs+'width:50%;top:0;bottom:40px;right:-1px;cursor:pointer;',
                prev:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;left:20px;display:none;text-align:center;color:#000;font:bold 16px/36px arial,sans-serif',
                next:       abs+'top:50%;margin-top:-20px;height:40px;width:30px;background:#fff;right:20px;left:auto;display:none;font:bold 16px/36px arial,sans-serif;text-align:center;color:#000',
                title:      'float:left',
                counter:    'float:right;margin-left:8px;'
            },

回复收藏 0 原文

~没有更多了~