Retour à Forum de site web

Masquer la valeur par le biais du bouton CSS

  • ajarantes
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 11, 2008
  • Messages: 1
  • Status: Offline

Message Décembre 11th, 2008, 12:12 pm

J'ai trouvé une solution à ce problème qui je crois fonctionne sur Firefox et IE. J'ai appliqué la solution à mon problème était de fixer la largeur et la hauteur du bouton par CSS et de faire la taille de la police pour la valeur égale à 0,1. Cela a rendu invisible et mon arrière-plan visible. (Voir ci-dessous)

le code HTML:

Code: [ Select ]
<input type='submit' name='submit' value='submit' class='submit' />


la CSS:

Code: [ Select ]
.submit {
    background-image: url('images/submit.gif');
    width: 35px;
    height: 25px;
    font-size: 0.1px;
    }
  1. .submit {
  2.     background-image: url('images/submit.gif');
  3.     width: 35px;
  4.     height: 25px;
  5.     font-size: 0.1px;
  6.     }
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Décembre 11th, 2008, 12:12 pm

  • kosh
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 19, 2008
  • Messages: 1
  • Status: Offline

Message Décembre 19th, 2008, 2:25 pm

J'ai eu ce même problème que l'OP eu. Un site que je travaillais sur une étiquette de texte avait codé dans le fichier html que je ne pouvais pas changer. J'ai mis l'image de fond à l'aide de CSS et définir la couleur: transpa pas et ne font-size: 99999px. Je suppose que cela fait sauter le texte en place si importante qu'aucune partie de celui-ci était dans la région plus visible.

Travaillé pour moi dans IE 6 et 7 et Firefox 3.0.4

Code: [ Select ]
font-size:0.1px

encore me donna un coup de 1px noir.
  • mindfuckx
  • Born
  • Born
  • No Avatar
  • Inscription: Aoû 30, 2009
  • Messages: 1
  • Status: Offline

Message Août 30th, 2009, 8:12 am

crowbar a écrit:
Hey Kami,

J'ai essayé ceci et comme par magie il a travaillé dans IE7 et IE6 et FF3. J'espère qu'elle contribue...

ps: ne fonctionnera pas si le texte est retiré de transformer...

Code: [ Select ]
 
#name
{
    color: transparent;
    text-transform: capitalize;
}
 
  1.  
  2. #name
  3. {
  4.     color: transparent;
  5.     text-transform: capitalize;
  6. }
  7.  



Cela fonctionne bien (pour une raison inconnue)
Mais seulement si vous tenez le bouton "absolutly"

En d'autres termes:

Code: [ Select ]

#button{
  color: transparent;
  text-transform: capitalize;
  position:absolute;
}

  2. #button{
  3.   color: transparent;
  4.   text-transform: capitalize;
  5.   position:absolute;
  6. }


Juste pensé que je vous laisserais les gars savent ;)

1, 2

Afficher de l'information

  • Total des messages de ce sujet: 18 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 151 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC