2011-02-22 6 views
7

Je voudrais griser un tableau HTML pour faire apparaître qu'il ne s'applique pas au lieu de l'enchérir. Des idées sur la façon dont cela peut être fait? Espérons avec CSS!Comment faire pour griser un élément HTML

+0

Si tout ce que vous voulez faire est de faire paraître gris puis juste donner des couleurs de fond et des bordures de nuances de gris. – BoltClock

+1

Parlez-vous d'un formulaire/d'une entrée? Ou juste un contenu/texte général? – TNC

+0

Il s'agit simplement de texte et de mise en page généraux. – Jonathan

Répondre

44

Abaissez le opacity.

<table class="grayout"> 
    ... 
</table> 
.grayout { 
    opacity: 0.6; /* Real browsers */ 
    filter: alpha(opacity = 60); /* MSIE */ 
} 
+4

Merci pour votre excellente réponse et la bonne blague! – Jonathan

+1

De rien. – BalusC

+10

+1 pour 'Real browsers' – That1Guy

3

si vous voulez seulement gris sur tous les fichiers HTML, vous pouvez utiliser des filtres

.grayscale { 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray; 
    } 

si vous souhaitez utilisateur ne doit pas cliquer dessus, puis placez vide DIV avec la position et 100 absolue % hauteur largeur.

ici est le code de travail https://jsfiddle.net/rb4f7wf6/

Questions connexes