當鼠標懸停時，我試圖顯示更多細節并縮放組件，但這樣做會替換周圍的組件。

見截圖:

這是我分配給MUI盒子和卡片的sx。

const ctCardHoveredSx = {
  maxWidth: 300,
  '& .ct-card-toggle': {
    display: 'none'
  },
  '&:hover .ct-card-toggle': {
    display: 'flex'
  },
  '& .ct-card': {
    transition: 'transform 0.15s ease-in-out',
    boxShadow: 'none'
  },
  '&:hover .ct-card': {
    transform: 'scale3d(1.25, 1.25, 1)',
    boxShadow: '5',
    zIndex: 2
  }
};

技術堆棧:

NextJS 梅姐 反應 我認為你需要使用隱藏在父div中的溢出，它不會替換這個東西，懸停只會在同一個div中縮放。

如果你發現任何問題，請讓我知道。