掩盖多个元素

Question

我在div中有多个canvas元素和文本。这些画布和文字是动态添加的。

<div id="art_holder">
   <canvas class="stu_drawings1"></canvas>
   <div class="dra_category1">Text 1</div>

   <canvas class="stu_drawings2"></canvas>
   <div class="dra_category2">Text 2</div>

   <canvas class="stu_drawings3"></canvas>
   <div class="dra_category3">Text 3</div>
</div>

我想屏蔽#art_holder内的所有内容。我想通过使用自定义形状的内联svg和clippath来尝试屏蔽。但它并不支持任何IE版本。

如何屏蔽#art_holder内的所有内容？