如何使HTML元素变灰

Jon*_*han 11 html css

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

Bal*_*usC 60

降低不透明度.

<table class="grayout">
    ...
</table>
Run Code Online (Sandbox Code Playgroud)
.grayout {
    opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
}
Run Code Online (Sandbox Code Playgroud)


Cha*_*ant 9

如果您只想将所有HTML变灰,那么您可以使用过滤器

.grayscale { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
  }
Run Code Online (Sandbox Code Playgroud)

如果你想要用户不要点击它,然后放置绝对位置和100%高度/宽度的空DIV.

这是工作代码 https://jsfiddle.net/rb4f7wf6/