2015-03-03 183 views
2
  1. 我正在使用按钮position:fixed。如果我悬停鼠标,它会在滚动后不会悬停时变为手形符号。按钮无法正常工作

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

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

默认位置我把鼠标放到按钮的中心工作原理
enter image description here

相同的默认位置悬停不上按钮的工作,即使鼠标光标enter image description here

最后我将鼠标悬停后滚动完全被禁用

enter image description here

+1

检查http://jsfiddle.net/f2rad3cn/。 – ketan 2015-03-03 07:13:43

+0

使用游标:指针;在你的按钮样式。 – user3386779 2015-03-03 07:14:08

回答

3

尝试增加z-index属性为您的按钮。
这可能是因为滚动时,您的按钮可能有任何其他元素重叠。
仅供参考:在z-index中,具有较高z-索引值的元素出现在前面。

+0

谢谢你,这听起来不错,我在我的作品中加入了'z-index:1' – Thamaraiselvam 2015-03-03 07:58:38

+0

好。乐意效劳。 – 2015-03-03 08:47:46

1

我觉得需要设置按钮式 喜欢这个

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

+0

感谢回答的人 – Thamaraiselvam 2015-03-03 08:00:39

1

我想在这里工作,你想要什么:

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

检查Fiddle

+1

问题是滚动新内容时出现按钮,因此它不起作用。但你的'光标:指针'是正确的,谢谢亲爱的 – Thamaraiselvam 2015-03-03 08:00:20

1

使用Ť他

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

问题是滚动新的内容来按钮,所以它不工作。但你的'cursor:pointer'是正确的,谢谢亲爱的 – Thamaraiselvam 2015-03-03 08:00:10

+1

很高兴帮助你@Thamaraiselvam – 2015-03-03 08:03:05

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; 
    } 
+0

问题是滚动新内容时出现按钮,所以它不起作用。但你的'光标:指针'是正确的,谢谢亲爱的 – Thamaraiselvam 2015-03-03 08:00:05