Rumah > hujung hadapan web > html tutorial > 图片覆盖后的上传按钮不起作用了_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:20:52
asal
1815 orang telah melayarinya

按钮 图片覆盖后的上传按钮不起作用了_html/css_WEB-ITnose下的  覆盖的是上传按钮 怎么我用绝对定位以后则 点击图片 怎么没效果了?? 我要的事件就是点击图片触发事件 


回复讨论(解决方案)

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

何必呢,把input透明度设为0,盖在图片上面不就完了。
 
什么个思路··没理解啊   
我是这样的 首先点一个按钮后 生成出两个按钮  其中有一个就是上传按钮··就是用图片覆盖的··而且那个input type=file 这个 没有指定按钮啊· 就是一个图片·· 无语了  就是要通过这个图片覆盖后来点击FILE这个上传·· 有点纠结··

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

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

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

啊明白?

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

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

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan