无法在Safari中的display: contents和display: none之间切换

在Safari浏览器中，无法直接在display: contents和display: none之间切换。这是因为Safari浏览器对display: contents属性的支持不完整。

display: contents是CSS的一种属性，它可以将一个元素的内容展示在其父元素中，同时隐藏自身。这在一些布局场景中非常有用，可以减少不必要的DOM元素，提高页面性能。而display: none则是将元素完全隐藏。

然而，在Safari浏览器中，当一个元素设置为display: contents时，虽然它的内容会显示在父元素中，但它本身并不会隐藏。这意味着无法通过切换这两个属性来控制元素的显示和隐藏。

要在Safari中实现类似的效果，可以考虑使用其他的CSS属性或JavaScript来控制元素的显示和隐藏。例如，可以使用opacity属性来调整元素的透明度，或者使用JavaScript在元素之间切换display属性的值来实现显示和隐藏的效果。

对于开发者来说，在考虑浏览器兼容性时，需要注意Safari对display: contents属性的支持不完整，可能需要针对Safari进行特殊处理或选择其他方式来达到相同的效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS: 腾讯云的静态存储服务，可以用于存储和分发网页、图片、音视频等静态资源，提供全球加速和高可用性。
• 腾讯云CDN: 腾讯云的内容分发网络服务，可以加速网站的访问速度，提供全球覆盖和自动调度，适用于静态和动态内容的分发。

请注意，以上提到的腾讯云产品仅作为示例，如果您需要更详细的产品信息和选择，请参考腾讯云官方网站。