javascript - 按钮未在固定位置 DIV 内单击？

Question

由于页脚的固定位置 div，我遇到了一些问题。

页脚栏的CSS样式如下所示:

.footerbar{
padding-bottom: 3px;
    background-color: #05A3AD;
    bottom: 100px;
    height: 45px;
    left: 0px;
    position: fixed !important;
    text-align: center;
    width: 100%;
    z-index: 101;
}

问题是，当按钮被放置在固定的 div 中时，它没有被点击。 仅供引用，该按钮是可点击的，或者只能在具有上述样式的 IE 中使用，而不能在任何其他浏览器中使用。

即)

<div class="footerbar">
    <input type='button' id='somebtn'/>
</div>

somebtn 没有在固定的 div 内部点击。当我移除固定位置并将底部从 100px 更改为 0px 时，按钮会点击并且工作正常。

我现在很纠结。 请就这个问题给我建议。提前致谢。

Answer 1

它工作正常，

• 您需要关闭 div正确使用 "/"关闭 div 和
• 删除 "." (点)来自 HTML 代码，即 <div class=".footerbar">

CSS:

 <div class="footerbar">
        <input type='button' id='somebtn' />
  </div>

Demo