【问题标题】:facebook send button z-index? Strange issuefacebook发送按钮z-index?奇怪的问题
【发布时间】:2011-12-14 15:50:31
【问题描述】:

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

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

有什么想法吗?

【问题讨论】:

  • 那肯定很痛苦,我花了一段时间试图找到它,但到目前为止还没有任何运气。我认为这与它位于 IFrame 中的事实有关,但我的任何测试都无法让 CSS 修复它

标签: facebook dotnetnuke z-index send galleria


【解决方案1】:

在进行了更多挖掘之后。看起来您正在使用的 Gallery 脚本中的 z-indexes 用于 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;'
            },

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-27
    • 1970-01-01
    • 1970-01-01
    • 2021-07-13
    相关资源
    最近更新 更多