html - 我可以使用什么 CSS 来使 HTML 文件字段透明？

Question

我想要一个 <input type='file'>重叠在图像上，因此当用户点击它时，文件上传对话框打开，图像通过 AJAX 上传。

所以我希望 CSS 以这样一种方式设置字段样式，即只有浏览按钮可见(没有关联的框)，或者更好的是，只有透明按钮可见，并带有重叠文本，如“更改照片”，什么都没有否则。

需要继续努力:

• FF 3+​​
• IE 7+(首选 6+)
• Chrome 5+
• Safari 3+
• 歌剧 9+

Answer 1

文件输入不透明度测试=> http://www.jsfiddle.net/steweb/LVjFy/ ..将其不透明度设置为 0，它完全透明但可点击!

img 和透明文件输入的另一个例子=> http://www.jsfiddle.net/steweb/LVjFy/2/

编辑(+模拟文件输入点击的js):http://www.jsfiddle.net/steweb/LVjFy/6/ ..不需要设置不透明度(EDIT2 需要测试，不适用于 FF)