Chrome浏览器的不透明度

时间:2014-05-13 11:05:04

标签: html css cross-browser opacity

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

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

Chrome需要做同样的事情。任何人都可以建议我如何使用不透明度过滤器的铬? How it looks in chrome

所以我需要在屏幕上隐藏这个“选择文件”。我选择宽度= 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">  

2 个答案:

答案 0 :(得分:2)

使用css的Opacity属性。您必须为您的方案使用opacity:0Opacity属性从0 to 1取值,其中filter:Alpha取值为0 to 100

答案 1 :(得分:1)

像这样:

opacity:0;

另一种选择是

visibility:hidden;

如果你想让宽度保持不变。