Aller au contenu

Remplacement bouton Parcourir


nomasis

Sujets conseillés

Suite à cet excellent article

J'ai placé ceci dans la feuille de style :

div#input
{
position :absolute;
left: 80px;
top: auto;
}

sans toucher au html :

<div style="input"> 
<input type="file" name="txtFile" style="filter :alpha(opacity=0)" size="24"
onfocus="document.forms[0].nomFichier.value=document.forms[0].txtFile.value"
onchange="document.forms[0].nomFichier.value=document.forms[0].txtFile.value">
<input type="text" size="24" name="nomFichier">
<img src="inputfile.gif" align="absmiddle">
</div>

Mais comme vous pouvez le voir ici, c'est pas ça qu'est ça ! :(

Sous IE c'est bon :

efm9dw.gif

Mais sous Firefox :

efm9h4.gif

Est ce que ça fonctionne vraiment ?

A vous les studios. ;)

Lien vers le commentaire
Partager sur d’autres sites

style="filter :alpha(opacity=0)"

<{POST_SNAPBACK}>

Filter c'est IE-only, donc pas étonnant que ça ne soit pas caché dans les autres navigateurs... :rolleyes:

Il faut utiliser la propriété CSS3 "opacity" (ou -moz-opacity ou -khtml-opacity...).

Modifié par Xavier
Lien vers le commentaire
Partager sur d’autres sites

style="filter :alpha(opacity=0); -moz-opacity:0;"

<{POST_SNAPBACK}>

Ou plutôt :
style="filter :alpha(opacity=0); opacity:0;"

(il n'y a pas que Mozilla dans la vie ;) )

Je ne sais pas si c'est géré par KHTML ou s'il faut rajouter -khtml-opacity. Pour Opera il me semble que ce n'est pas géré... mais pourquoi ne pas mettre un visibility : hidden qui fonctionne partout ?

Lien vers le commentaire
Partager sur d’autres sites

En tout cas cette solution fait sacrément le job !

Je vais tester tout cela sous Mac et Safari.

Molto grazie et tutti frutti !

Lien vers le commentaire
Partager sur d’autres sites

style="filter :alpha(opacity=0); -moz-opacity:0;"

:blink:

Du propriétaire Microsoft + du propriétaire Mozilla :hourra:

Du grand art.

Pour info, ma version de Safari qui commence à dater (1 an) supporte opacity nâtivement.

Lien vers le commentaire
Partager sur d’autres sites

:blink:

Pour info, ma version de Safari qui commence à dater (1 an) supporte opacity nâtivement.

<{POST_SNAPBACK}>

ah oui ? Intéressant ! Il reste plus qu'à convaincre 99,99% des internautes d'utiliser Safari ... et c'est tout bon !

Modifié par lou_ravi
Lien vers le commentaire
Partager sur d’autres sites

ah oui ? Intéressant ! Il reste plus qu'à convaincre 99,99% des internautes d'utiliser Safari ... et c'est tout bon !

:(

Mais pourquoi tout le monde tient-il autant à une hégémonie d'un navigateur ?

Vous voulez vraiment revivre l'époque où Explorer tenait 95% du marché ?

Ok, ben sans moi merci.

Sans compter que Safari est attaché à un OS (!= multi plate-forme) et l'hégémonie d'un OS ne m'enchante guère plus.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...