Question

我有两个按钮设置位置等于“绝对”，当LastPass插件的栏dipslays时，它们显示错误，因为LastPass已将iframe插入我的网页：

LastPass iFrame

    <iframe id="lpiframe74158812" src="chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/overlay.html?&amp;add=1" scrolling="no" 
    style="height: 27px; width: 1263px; border: 0px;"></iframe>

CSS：

    .button-bar {
    width: 175px;
    float: left;
    top: 113px;
    text-align: right;
    right: 20px;
    position: absolute;
    }

图片：http://i.stack.imgur.com/Rq5Z5.png

我该如何避免这种情况？非常感谢！

Answer 1

我有同样的问题，我发现上次通过编辑我的网页的DOM！ LastPass在我页面的正文标签后面添加了一个div。

<div id="lptopspacer48468746" style="height: 27px;"></div>

看起来div id是随机的，所以我无法将其删除。我认为这个问题与lastPass有关。我认为没有办法真正解决它。

Answer 2

同样对在firefox lastPass插件监控的任何页面中插入的<div id="lptopspacer[0-9]+" style="height:40px"></div>感到恼火（在网站显示登录表单之后），我想出了一个jQuery解决方案。

只添加一些CSS规则似乎不起作用，因为显然在脚本加载页面后添加了div。在页面加载后更改样式或尝试删除div也不起作用。

因此，此代码段运行延迟函数以在找到时隐藏div，或者如果没有lastPass插件影响文档，则在5次尝试后停止运行。

<script>
    var log = function(msg) {
        if (console && console.log){
            console.log(msg)
        }
    };
    $(document).ready(function(){
        var maxTry = 5, lptopHideTimeout;
        var clearLptop = function(delay) {
            var $lptop = $("div[id^='lptopspacer']");
            if (lptopHideTimeout) {
                window.clearTimeout(lptopHideTimeout);
            }
            if ($lptop.length && $lptop.is(':visible')) {
                log("** Hiding lastPass lptopspacer...");
                $lptop.css( "display","none" );
            }
            else {
                maxTry -= 1;
                if (maxTry > 0) {
                    log("## No lastPass lptopspacer div found yet. Retrying in " + (delay/1000) + ' second...');
                    lptopHideTimeout = window.setTimeout(function(){
                        clearLptop(delay);
                    },delay);
                }
                else {
                    log("## Giving up after too much attempts.");
                }
            }
        };

        clearLptop(500);
    });

</script>

Answer 3

如果其他人也遇到这个问题，那就迟到了。我有它，Lp spacer，在我的情况下，它是因为我在计算机上安装了Mcafee safekey而生成的。它出现在我的网站上的每个页面加载上的通知，并导致lp spacer在顶部的白色条上打破了我的网站。

卸载Mcafee safekey解决了它。

带有iframe的Lastpass栏会破坏我的CSS

3 个答案: