IE, FireFox, Opera browser support CSS to achieve alpha transparent method compatibility issues

One: To solve the problem: under IE6-IE11 compatible with the following transparent upload file button effect.

Implementation is implemented through filters.

Two: For example the following:

watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvy2h4mtawnte0mtm=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/ Dissolve/70/gravity/center ">

watermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvy2h4mtawnte0mtm=/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/ Dissolve/70/gravity/center ">

Three: Code:

Style:

. file2 {position:absolute;-ms-filter: "Progid:DXImageTransform.Microsoft.Alpha (opacity=50)";/*ie 8*/filter:alpha ( opacity=0);/*ie 5-7*/opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/width:30px;height:20px;line-height:20px; cursor:pointer;padding:0;overflow:hidden;padding-top:0px;}

<pre class= "html" name= "code" ><em style= "width:30px; height:20px; Line-height:20px;overflow:hidden; Font-style:normal; " >   <input type= "file" class= "File2" id= "Filep_${item. DM} "style=" Border:none; "onchange=" Upload (this, ' ${item. DM} '); "/>   <a href=" javascript:void (0) "> Upload </a></em>

<font style= "Color:gray;" > Delete </font>



IE, FireFox, Opera browser support CSS to achieve alpha transparent method compatibility issues