css 可见不可触摸属性

CSS中的可见不可触摸属性是指可以通过CSS样式控制元素的显隐，但无法通过鼠标或其他手势对元素进行交互的属性。这些属性可以让开发者在页面布局和设计中更加灵活。

//下面是三种常见的可见不可触摸属性：

opacity：控制元素的透明度，取值范围为0~1。
//opacity: 1表示完全不透明，opacity:0表示完全透明。

visibility：控制元素的可见性，取值范围为visible、hidden、collapse。
//visible表示元素可见，hidden表示元素不可见但仍会占据空间，
//collapse仅适用于表格元素，表示将元素折叠并隐藏。

pointer-events：控制元素的事件穿透性，取值范围为auto、none。
//auto表示元素可以接收事件，none表示元素无法接收事件。

使用可见不可触摸属性可以实现一些独特的UI效果，例如将一个元素设为半透明状态，以便突出显示其他更为重要的元素；或者将一个下拉框设为不可见状态，以便将其隐藏在其他元素下面。

当然，在应用可见不可触摸属性时，我们需要注意避免它们对用户体验造成负面影响，例如隐藏了关键交互元素、误导用户等情况。