Internet Explorer 및 Chrome : 테이블 가리개가 제대로 표시되지 않음

Question

더 나은 시각적 경험을 위해 <tr>에서 CSS 스타일을 사용합니다. http://jsfiddle.net/rDjE3/1/

내가 사용 :이 파이어 폭스에서 잘 작동

.table_test tr:hover { outline: none; border-color: #29EC24; box-shadow: 0 0 10px #29EC24; }

는 전체 디자인을 볼 수 있습니다.

하지만 Internet Explorer에서는 호버가 완료되지 않고 (<td> 사이에만 표시됨) Google 크롬에는 전혀 표시되지 않습니다.

왜?

Answer 1

우선 Chrome의 공식 버그 인 것 같습니다. 명시한대로 here'display: block'을 <tr> 요소에 설정하면 위치 지정을 수정해야합니다.

또한 box-shadow를 사용하려면 Chrome에 -webkit-이라는 접두어를 사용해야합니다. '작동하는'형식의 예 here을 볼 수 있습니다. 그러나 너 자신에 의해 표 셀의 너비를 설정해야합니다.