表格行上的框陰影在瀏覽器中表現不穩定
將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中文網其他相關文章!