> 웹 프론트엔드 > HTML 튜토리얼 > 图片覆盖后的上传按钮不起作用了_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-24 12:20:52
원래의
1825명이 탐색했습니다.

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


回复讨论(解决方案)

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

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

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

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

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

啊明白?

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

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

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿