如何使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/