為什麼表格行上的框陰影在不同瀏覽器中表現不一致？

表格行上的框陰影在瀏覽器中表現不穩定

將CSS 框陰影套用至表行會導致瀏覽器渲染不一致。雖然某些瀏覽器會按預期顯示陰影，但其他瀏覽器無法完全渲染它。

要解決此問題，透過在 box-shadow 中新增 transform:scale(1,1) 屬性可以解決該問題。這可確保跨瀏覽器的陰影渲染一致。

更新了 CSS：

<code class="css">tr:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(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);
}</code>

更新了 jsFiddle： https://jsfiddle.net/ampicx /5p91xxr48/

以上是為什麼表格行上的框陰影在不同瀏覽器中表現不一致？的詳細內容。更多資訊請關注PHP中文網其他相關文章！