按钮无法正常工作

时间:2015-03-03 07:03:46

标签: html css html5 css3

  1. 我正在使用position:fixed按钮。如果我将鼠标悬停,它在滚动后会变为手形符号而不会悬停。

  2. 在滚动之前,悬停在按钮的中心处不在边缘处。

    <form action="response.php">
        <button style=" position:fixed;" >Get Your Result </button>
    </form>
    
  3. 默认位置我把鼠标带到按钮的中心它工作
    enter image description here

    相同的默认位置悬停在按钮enter image description here

    上的鼠标光标不起作用

    最后我在悬停完全被禁用后滚动

    enter image description here

5 个答案:

答案 0 :(得分:3)

尝试将z-index属性添加到按钮中 这可能会发生,因为在滚动时,您的按钮可能有任何其他元素重叠 仅供参考:在z-index中,具有较高z-index值的元素排在前面。

答案 1 :(得分:1)

我认为需要设置按钮类型 喜欢这个

<button type="submit" style=" position:fixed;" >Get Your Result </button>

答案 2 :(得分:1)

我觉得这里有你想要的东西:

<form action="response.php" style="min-height:800px;">
    <button style=" position:fixed; cursor:pointer;" >Get Your Result </button>
</form>

检查Fiddle

答案 3 :(得分:1)

使用此

<form action="response.php">
    <button type="submit" style=" position:fixed;cursor:pointer;" >Get Your Result </button>
</form>

答案 4 :(得分:1)

你看起来像这样:

 <body>
   <form action="response.php">
     <button type="button" style=" position:fixed;" >Get Your Result </button>
   </form>
 </body>

样式

  button:hover{
    background-color: red;
    cursor: pointer;
  }
  body{
    height: 2000px;
  }