css相同的代码2不同的结果

时间:2014-06-21 13:55:34

标签: javascript html css

我对css有问题...
我使用greasemonkey脚本编辑网站并添加按钮+菜单
这里是代码:

function menuStile() {
    st = document.createElement('style');
    st.setAttribute('type','text/css');
    st.innerHTML = '#ScriptMenuOpzioni {               ' +    
        'position:relative;                          ' +  
        '}                                           ' +  
        '#ScriptMenuOpzioni #MenuScript{               ' +  
        'position:absolute;                          ' +  
        'background:#FFF;                            ' +  
        'top:100%;'+    
        'margin:0;                                   ' +  
        'padding:10px;                               ' +   
        'z-index:1001;'+  
        'left:0;'+  
        'width:120%;'+  
        'font-family: \'Exo 2\', sans-serif;         ' +  
        'color:#000; }                               ' +  
        '#ScriptMenuOpzioni:hover #MenuScript,#ScriptMenuOpzioni #MenuScript:hover{          ' +  
        'visibility:visible;                         ' +  
        ' }';
    document.getElementsByTagName('head')[0].appendChild(st);
}                                       

这是css的js脚本(我编辑了一下以删除其他没有参与该部分的css,所以也许你可以找到js错误......但是是正确的:-P)
代码的html是这样的:

<center>
<span id="ScriptMenuOpzioni">
<input type="button" value="Menu Script" id="ScriptMenuOpzioni">
<div id="MenuScript">
<nav><li><input type="button" value="Apri PM"></li><li><a href="board/search.php?do=process&amp;exactname=1&amp;showposts=1">Mostra Post</a></li> <li><a href="search.php?do=process&amp;exactname=1&amp;starteronly=1&amp;showposts=0">Mostra Thread</a></li> </nav>
</div>
</span>
</center>

现在代码总是相同但我得到2个不同的结果 https://dl.dropboxusercontent.com/u/30396291/LOL/menuscript.png
https://dl.dropboxusercontent.com/u/30396291/LOL/menuscriptbug.png
当&#34;窃听&#34;版本从<center>标签加载div开头而不是<span>
当正确的版本加载从<span>开始 当发生这种情况时,菜单更大,并且按钮与按钮分开,我无法将鼠标从#ScriptMenuOpzioni移动到#MenuScript bc它退出并且#MenuScript失去了可见性
我不明白这是什么时候发生的,因为我通常使用firefox进行调试和镀铬....但是当我尝试调试时我从来没有遇到过这个问题-.-并且有时会发生镀铬(或者可能只发生镀铬? Oo)

任何提示?

PS我试图在jsfiddle上复制整个代码html(当我得到错误时)并且它有效......

0 个答案:

没有答案