Javascript 按钮窗体一旦放置在div中就不可读取_Javascript_Html_Css

Javascript 按钮窗体一旦放置在div中就不可读取

javascript html css

Javascript 按钮窗体一旦放置在div中就不可读取,javascript,html,css,Javascript,Html,Css,我有一个按钮，onClick应该引用一个JavaScript函数，但是当我把这个按钮放在div中时，它就变得不可点击了。我使用的是Firefox，这可能是问题所在吗以下是我的CSS代码： #fullscreen { background-color: #222222; font-color: #FFFFFF; display: block; position:absolute; left: 0px; right: 0px; width:100%; height:

我有一个按钮，onClick应该引用一个JavaScript函数，但是当我把这个按钮放在div中时，它就变得不可点击了。我使用的是Firefox，这可能是问题所在吗

以下是我的CSS代码：

#fullscreen {
  background-color: #222222;
  font-color: #FFFFFF;
  display: block;
  position:absolute;
  left: 0px;
  right: 0px;
  width:100%;
  height:100%;
  border-style: none;
  border-width: 0px;
  border-color: #FFFFFF;
  z-index: -2;
 }

以及HTML/JS代码：

<script type="text/javascript">
function adjust() {
 var bg_img = document.getElementById('bg_img_img');
 var percent = bg_img.height/(screen.height/2);
 bg_img.width = bg_img.width/percent;
 bg_img.height = screen.height/2;
 var bg_img_div = document.getElementById('bg_img_div');
 bg_img_div.left = -(bg_img.width/2);
 document.write(bg_img_div.left);
} 
<script type="text/javascript">
function fade_top() {
 var top_bg = getElementById('fullscreen');
 top_bg.background-color = "#FFFFFF";
}
</script>

</head>

<body  >
<div id="fullscreen">

<form>
<input type="button" value="Hello world!" onclick="fade_top();">
</form>

</div>
</body>


函数调整（）{
var bg_img=document.getElementById（'bg_img_img'）；
变量百分比=背景高度/（屏幕高度/2）；
bg_img.width=bg_img.width/百分比；
bg_img.height=屏幕高度/2；
var bg_img_div=document.getElementById（'bg_img_div'）；
bg_img_div.left=-（bg_img.width/2）；
文件写入（背景图像左分区）；
} 
函数fade_top（）{
var top_bg=getElementById（“全屏”）；
top_bg.background-color=“#FFFFFF”；
}

提前谢谢

Sammy

就点击而言，

z-index:-2

可能会将

div

放在主体的“后面”

尝试使用一个肯定的

z-index

，应该可以解决这个问题

如果fade_top（）函数无效，则无法调用/运行该函数：）请尝试上述操作

很好的理解，但是你可以指出

背景色

部分：）是真的！，但是我得了流感，所以我想得不太好。。。所以在“调试并修复”自动模式下，呵呵，谢谢。我想知道我的代码和你的代码有什么区别，但多亏了Pekka，我明白了。酷：）我还从上面的源代码中删除了一个rogue脚本声明标记，因为没有匹配的标记，而且它应该是document.getElementById，而不仅仅是getElementById，编码愉快！流氓脚本声明？我甚至都不知道我给它贴上了这样的标签，但是OK！是的，我也发现了那只虫子。Wouw，100行代码中有3个bug:PThanks！我给body的z指数是0，全屏是div-2，但我想这不太好，但现在它可以了！