Javascript css相同代码2不同结果
我对css有问题…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;
我使用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>
现在代码总是一样的,但是我得到了两个不同的结果
加载“有缺陷”版本时,div从
选项卡开始,而不是从
加载正确的版本时,从
当这种情况发生时,菜单更大,并且与按钮之间有一个像素的距离,我无法将鼠标从#ScriptMenuOpzioni移动到#MenuScript bc,它退出,并且#MenuScript失去了可见性
我不明白这是什么时候发生的,因为我通常使用firefox进行调试和chrome。。。。但当我尝试调试时,我从来没有遇到过这个问题——有时会发生在chrome上(或者可能只发生在chrome?O.O上) 有什么提示吗
PS我试着在JSFIDLE上复制整个html代码(当我遇到错误时),它能工作…我的眼睛很痛。请格式化您的代码。
不推荐使用。更好地使用CSStext align:center
@Gaurav我刚刚使用了复制粘贴:-P现在我将编辑它:-P@Oriol我试图删除中心标签。。。我看看会发生什么。。。(问题是随机的,所以我不能确定是否解决了:-P)编辑任何相同的问题。。。它从parent.parent而不是parent获取宽度…@Trigun抱歉,我的评论与您的问题无关。但是你不应该使用
。