google-chrome - 显示框阴影 :table-row-group failing in Chrome

标签 google-chrome css

box-shadow 在 Chrome 中不工作。

我有一个表格布局,我必须在其中使用 display 属性作为 table-row-group。 我试图将 box-shadow 放在 tbody 中,但失败了。 请在这里查看 - JSFiddle .

它在 FF 中运行良好,但在 Chrome 中却不行。我查看了其他问题/建议,看起来我们可以在 display: block 属性中做到这一点。

display: table-row-group 有什么解决方法吗?

最佳答案

您可以在 thtr 标签中创建一个 div 作为解决方法,并分配一个 box-shadow 改为 div。我在 this JSFiddle 中实现了这个到第一个 th 元素。

关于google-chrome - 显示框阴影 :table-row-group failing in Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24401284/

相关文章:

html - vs code 中的 ftp-simple 扩展不显示远程文件内容

javascript - 根据背景图像颜色自动对比文本颜色

html - 可以避免在 div 中使用这些空格吗?

javascript - 为什么我的 event.target 数据在 chrome 中不起作用?

html - 没有音量 slider 或静音按钮的音频标签?

css - 我在 IE 和 chrome 上面临差异

javascript - 更改 console.log 消息颜色

php - CSS - 表行奇数/偶数的背景颜色

javascript - Chrome 问题 - 聊天行多次返回

javascript - Next.js 与 Sass 发生错误说 "You may need an appropriate loader to handle this file type error"