여러 브라우저에서 표 행의 상자 그림자 모양이 일관되지 않음

표 행(

이 문제를 해결하려면 box-shadow 속성과 함께 변환 속성을 활용하는 것이 좋습니다. 변환 속성에 scale(1,1)을 추가하면 브라우저가 요소를 다시 렌더링하여 상자 그림자 효과가 균일하게 적용되도록 합니다.

업데이트된 CSS 코드는 다음과 같습니다.

tr:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

이 코드 조각을 추가하면 이제 지원되는 브라우저에서 상자 그림자가 일관되게 나타납니다.