Es cierto, no se ve en opera oops. yo lo veo bien en ie6,7y8.
Esto anda en opera (incluye las imagenes que te pase en el rar en la raiz junto al html que guardes con este codigo):
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Styling File Inputs </title>
<style type="text/css">
.upload {
position: relative;
width: 80px;
height: 24px;
overflow:hidden;
background:url(btn-choose-file.gif);
clip:rect(0px, 80px, 24px, 0px );
}
.upload input {
position: absolute;
left: auto;
right: 0px;
top: 0px;
margin:0;
padding:0;
filter: Alpha(Opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.upload input:hover{background:;}
</style>
<script type="text/javascript">
function cambia(id){
document.getElementById(id).style.background="url(hover.gif)";
}
function cambia2(id){
document.getElementById(id).style.background="url(btn-choose-file.gif)";
}
</script>
</head>
<body>
<div id="hola" class="upload"> <input name="upload" type="file" onmousemove="cambia('hola');" onmouseout="cambia2('hola');"/></div>
</body>
</html>
Espero que lo puedas resolver, luego cuentame como te fue. un saludo
p-d: notaras que ya no uso el script que te pase en el rar, sino un javascript mucho mas sencillo.
para capturar el nombre del archivo que subirá el usuario y mostrarlo en pantalla ya veo que se me ocurre y en que te puedo ayudar.