React Antd Card組件列表顯示異常:蘋果瀏覽器下為何出現透明效果?

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組件的寬度以適應列表內容。

? 版權聲明
THE END
喜歡就支持一下吧
點贊8 分享