Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript css相同代码2不同结果_Javascript_Html_Css - Fatal编程技术网

Javascript css相同代码2不同结果

Javascript css相同代码2不同结果,javascript,html,css,Javascript,Html,Css,我对css有问题… 我使用greasemonkey脚本编辑站点并添加按钮+菜单 代码如下: function menuStile() { st = document.createElement('style'); st.setAttribute('type','text/css'); st.innerHTML = '#ScriptMenuOpzioni { ' + 'position:relative;

我对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>

  • 现在代码总是一样的,但是我得到了两个不同的结果

    加载“有缺陷”版本时,div从
    选项卡开始,而不是从

    加载正确的版本时,从

    当这种情况发生时,菜单更大,并且与按钮之间有一个像素的距离,我无法将鼠标从#ScriptMenuOpzioni移动到#MenuScript bc,它退出,并且#MenuScript失去了可见性
    我不明白这是什么时候发生的,因为我通常使用firefox进行调试和chrome。。。。但当我尝试调试时,我从来没有遇到过这个问题——有时会发生在chrome上(或者可能只发生在chrome?O.O上)

    有什么提示吗


    PS我试着在JSFIDLE上复制整个html代码(当我遇到错误时),它能工作…

    我的眼睛很痛。请格式化您的代码。
    不推荐使用。更好地使用CSS
    text align:center
    @Gaurav我刚刚使用了复制粘贴:-P现在我将编辑它:-P@Oriol我试图删除中心标签。。。我看看会发生什么。。。(问题是随机的,所以我不能确定是否解决了:-P)编辑任何相同的问题。。。它从parent.parent而不是parent获取宽度…@Trigun抱歉,我的评论与您的问题无关。但是你不应该使用