Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, gostaria de saber como é possível fazer isso... os efeitos de transparência que já consegui, deixam todo o input transparente, inclusive o conteúdo que será escrito pelo usuário no mesmo.
exemplo:
<input type="text" style="background-image:url(img/fundoteste.png); opacity:0; -moz-opacity:0; filter:opacity(alpha=0);" />mas aí tudo que é escrito fica com alpha=0 também. Como posso reverter esta situação?
Obrigado.
O mais rápido e fácil é o PNG mesmo...
Mas é preciso um hack pra visualizar no IE6:
<style type="text/css">
* html img/**/ {
filter:expression(
this.alphaxLoaded ? "" :
(
this.src.substr(this.src.length-4)==".png"
?
(
(!this.complete)
? "" :
this.runtimeStyle.filter=
("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
String(this.alphaxLoaded=true).substr(0,0)+
(this.src="blank.png").substr(0,0)
)
:
this.runtimeStyle.filter=""
)
);
}
</style>Falou!Acabei resolvendo de uma forma bem simples: usei minha imagem de fundo como png, e coloquei bordas arredondadas no input via CSS.
valeu!
Deixe a imagem já transparente.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif