欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

图片覆盖后的上传按钮不起作用了_html/css_WEB-ITnose

程序员文章站 2022-05-07 18:37:56
...
按钮 图片覆盖后的上传按钮不起作用了_html/css_WEB-ITnose下的 覆盖的是上传按钮 怎么我用绝对定位以后则 点击图片 怎么没效果了?? 我要的事件就是点击图片触发事件

回复讨论(解决方案)

何必呢,把input透明度设为0,盖在图片上面不就完了。

何必呢,把input透明度设为0,盖在图片上面不就完了。

什么个思路··没理解啊
我是这样的 首先点一个按钮后 生成出两个按钮 其中有一个就是上传按钮··就是用图片覆盖的··而且那个input type=file 这个 没有指定按钮啊· 就是一个图片·· 无语了 就是要通过这个图片覆盖后来点击FILE这个上传·· 有点纠结··

还有个问题就是 我们这业务需求必须得用这个图片··所以···

是啊,没错啊,你现在是图片盖在按钮上面,看到图片点不到按钮,现在浏览器是不支持模拟file的点击操作的

所以,你反过来,把按钮覆盖在图片上,但是按钮的透明度设成0,这样用户看起来图片在哪里,点击图片,实际点到的是盖在图片上的透明度为0的按钮。

啊明白?

要搞这么复杂么,不可以把图片作为按钮的背景图么?

要搞这么复杂么,不可以把图片作为按钮的背景图么?

你可以去试试给file加背景嘛。