跨浏览器表行上的框阴影外观不一致
应用于表行 (
要解决此问题,建议将 Transform 属性与 box-shadow 属性结合使用。将scale(1,1)添加到transform属性会强制浏览器重新渲染元素,确保均匀应用盒阴影效果。
以下是更新的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); }
通过添加此代码片段,框阴影现在将在支持的浏览器中一致显示。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3