网站 › 『编程语言讨论求助区』 › 【CSS求助】HTML页面加入点击的一个特效，页面的按钮就不可点击了，求助！！

wr20060926 发表于 2020-5-28 22:09

【CSS求助】HTML页面加入点击的一个特效，页面的按钮就不可点击了，求助！！

本帖最后由 wr20060926 于 2020-5-30 18:27 编辑

给自己的页面想加入一个点击的特效：http://www.jq22.com/jquery-info22031

然后发现页面上的按钮、输入框都无法点击了，应该怎么处理：https://wr0926.ml/tx/test/

成功案例（编辑框）：https://www.jq22.com/webide/

战网无极限 发表于 2020-5-28 22:19

https://img.forwines.cn/upload/vod/20200528-1/63114ee8826a69b1b2fb9c278ebfc201.png
这个挡住了

wr20060926 发表于 2020-5-28 22:28

战网无极限 发表于 2020-5-28 22:19
这个挡住了

我知道呀！但是我又想要加入这个特效，应该怎么设置哩？

ws101929 发表于 2020-5-28 22:44

建议别用canvas

Mr.Lih 发表于 2020-5-28 22:44

本帖最后由 Mr.Lih 于 2020-5-28 22:46 编辑

简单看了一下，你这个点击出效果是一个canvas全屏盖住了你的html，简单的办法是给这个canvas设置z-index:-1;但是有的地方会不出效果。而这个网站https://www.jq22.com/webide/的原理和你的不一样，是点哪里 那里动态生成一个svg，主要js看这里https://www.jq22.com/webide/js/woeorv.js，里面有个函数叫 burst()   ，你可以再人家的网站里控制台里写入 burst(100,100,50)      按回车   你就明白了。 burst(x,y,r)x:生成动画的X坐标，y:生成动画的Y坐标，r:生成动画的大小

jiujiukeji 发表于 2020-5-28 22:45

那几个按钮 z-index:999

短发控赛高 发表于 2020-5-28 22:49

给你的按钮和文本框设置 z-index

涛之雨 发表于 2020-5-28 23:00

搞这些花里胡哨的东西其实感觉没啥意思。。。
无非给浏览器增加负担而且还不好搞wap的适配。。。

首席鉴淫师 发表于 2020-5-28 23:26

涛之雨 发表于 2020-5-28 23:00
搞这些花里胡哨的东西其实感觉没啥意思。。。
无非给浏览器增加负担而且还不好搞wap的适配。。。

感觉加了很lou 像极当年逛QQ空间！
看了这么多还就苹果官网最高级

冰茶荼 发表于 2020-5-29 10:13

亲亲，这边建议改一下层级关系哦。

查看完整版本: 【CSS求助】HTML页面加入点击的一个特效，页面的按钮就不可点击了，求助！！