React Antd Card组件列表显示异常：苹果浏览器下为何出现透明效果？

react antd card组件在苹果浏览器下显示异常：列表透明效果分析

在使用Ant Design的Card组件嵌套Tabs组件并包含列表组件时，发现一个仅在苹果浏览器下出现的异常：当列表项超过5个时，Card组件出现类似透明或阴影的视觉效果。 这并非完全透明，而是内容显示不完整造成的视觉错觉。

该问题可能源于Card组件宽度不足以容纳所有列表项，导致内容溢出并被遮挡或隐藏。建议检查列表组件是否支持水平滚动或拖动。如果内容超出Card组件宽度，则会产生这种“透明”的视觉效果。

此外，Card组件本身的阴影样式也可能在内容溢出时被放大，加剧了这种视觉误解。 建议检查Card组件的css样式，特别是阴影相关的属性，例如box-shadow，并尝试调整以解决问题。 考虑使用overflow: auto;或overflow-x: auto;来允许水平滚动，或者调整Card组件的宽度以适应列表内容。