Chrome 浏览器的不透明度答案

【问题标题】：Opacity for Chrome browsersChrome 浏览器的不透明度
【发布时间】：2014-05-13 19:08:33
【问题描述】：

我需要在 Chrome 中设置 HTML 输入类型=“文件”对象的不透明度。在 IE 中，它看起来很完美，因为我使用了如下过滤器：

 style="position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);

Chrome 也需要这样做。谁能建议我如何为 chrome 使用不透明度过滤器？

所以我需要从屏幕上隐藏这个“选择文件”。我选择了 width=70px 以便它可以在更大的部分点击。这是我正在使用的输入类型：

<input type="file" name="AttachLink"  style="position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0); imgobject.style.opacity=0; width:70px; height:50px; cursor: hand; left:-26px;" title="Add File Attachment" onChange="getWeblink();" size="40" float="right">

【问题讨论】：

只是opacity:0...不是imgobject.style.opacity=0...
谢谢你们，它成功了....opacity:0;

标签： html css cross-browser opacity

【解决方案1】：

使用 css 的 Opacity 属性。您必须为您的场景使用opacity:0。 Opacity 属性从 0 to 1 获取值，其中 filter:Alpha 从 0 to 100 获取值。

【讨论】：

【解决方案2】：

像这样：

opacity:0;

另一种选择是

visibility:hidden;

如果您希望宽度保持不变。

【讨论】：