Question

我有一个按钮，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>

提前致谢！

森美

Answer 1

<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);
} 
function fade_top() {
    var top_bg = document.getElementById("fullscreen");
    top_bg.style.backgroundColor = "#FFFFFF";
}
</script>

如果fade_top（）函数无效，则无法调用/运行:)尝试以上操作！

Answer 2

就点击而言，z-index: -2可能会将div“置于身体后面。

尝试使用肯定的z-index来修复它。

按钮形式无法点击，一旦放入div

2 个答案: