我对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&exactname=1&showposts=1">Mostra Post</a></li> <li><a href="search.php?do=process&exactname=1&starteronly=1&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(当我得到错误时)并且它有效......