如何變灰HTML元素

Question

我想灰化一個HTML表格，使其看起來不適用而不是隱藏它。任何想法如何做到這一點？希望用CSS！

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/