Remplacement bouton Parcourir

[nomasis]

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 :

Mais sous Firefox :

Est ce que ça fonctionne vraiment ?

A vous les studios.

[Xavier]

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...

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

Modifié 9 Octobre 2005 par Xavier

[lou_ravi]

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

[Xavier]

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 ?

[nomasis]

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

Je vais tester tout cela sous Mac et Safari.

Molto grazie et tutti frutti !

[Dudu]

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

Du propriétaire Microsoft + du propriétaire Mozilla

Du grand art.

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

[lou_ravi]

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é 9 Octobre 2005 par lou_ravi

[Dudu]

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.