एचटीएमएल तत्व को कैसे भूरे रंग के

Question

मैं एक HTML तालिका को ग्रे करना चाहता हूं ताकि यह प्रकट हो सके कि यह इसे छिपाने के बजाय लागू नहीं होता है। यह कैसे किया जा सकता है पर कोई विचार? उम्मीद है कि सीएसएस के साथ!

Answer 1

opacity निचलाएं।

<table class="grayout"> 
    ... 
</table> 

.grayout { 
    opacity: 0.6; /* Real browsers */ 
    filter: alpha(opacity = 60); /* MSIE */ 
} 

Answer 2

आप उपयोग कर सकते हैं अगर आप केवल तब सभी HTML बाहर ग्रे करना चाहते हैं फिल्टर

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

अगर आप उपयोगकर्ता उस पर क्लिक नहीं करना चाहिए चाहते हैं, तो निरपेक्ष स्थिति और 100 के साथ खाली DIV जगह % लम्बाई चौड़ाई।

यहाँ काम कर रहा है कोड https://jsfiddle.net/rb4f7wf6/