Por qué no se ve el link?

[SeaPirates]

Hola, encontre este código para decorar un pogo el estilo del file:

div.fileinputs {
position: relative;
}

div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}


<div class="fileinputs">
<input type="file" class="file" />
<div class="fakefile">
<input />
<img src="search.gif" />
</div>
</div>

El problema es que al darle click a la imagen y seleccionar el archivo, cuando le das a aceptar no aparece el link.

[Tecna]

Buenas,

el input no aparece por el opacity 0 que estás aplicando ya que el rango de opacidad va desde 0 totalmente transparente a 1 nada transparente. También tienes etiquetas mal cerradas, no puedes cerrar el input despues de abrir el div, tendría que ser antes. Si no usas la etiqueta form no podrás usar el evento onsubmit ya que está asociado a ella y tendrás que simularlo con otro evento y javascript y la página no será accesible.

[SeaPirates]

me funciona, envia el archivo y todo, pero no se vé el link, como lo soluciono?