如何使HTML元素变灰

Question

我想灰显一个HTML表格,使它看起来不适用而不是隐藏它.关于如何做到这一点的任何想法？希望用CSS!

Answer 1

降低不透明度.

<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/