答：Opacity：元素本身仍然占有自己的位置，在网页的布局中发挥作用。它还将响应用户交互；可见性：与不透明度的唯一区别是它不会响应任何用户交互。此外，该元素也会隐藏在屏幕阅读器软件中；如果Display:display设置为none，则用户对该元素的任何直接交互操作都不会生效。此外，屏幕阅读器不会阅读元素的内容。这种方法产生的效果就好像该元素根本不存在一样；Position：不影响布局，让元素保持可操作性；Clip-path：clip-path属性在IE或Edge下还没有完全支持。如果您想在剪辑路径中使用外部SVG文件，浏览器支持甚至会更低；获得互动
