如何在chrome中獲取嵌入的box-shadow工作？

Question

我已經創建此very simple fiddle來重現此問題。我在firefox中做了什麼，但沒有在Chrome中。是否有解決方法來達到相同的目的？

下面是HTML代碼：

<table cellpadding="1"> 
    <thead> 
     <tr> 
      <th>Adskldj</th> 
      <th>dfsdfd</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr><th>Adskldj</th><th>dfsdfd</th></tr> 
     <tr><th>Adskldj</th><th>dfsdfd</th></tr> 
     <tr><th>Adskldj</th><th>dfsdfd</th></tr> 
     <tr><th>Adskldj</th><th>dfsdfd</th></tr> 
    </tbody> 
</table> 

而CSS

table { 
    border-collapse:collapse; 
} 
td, th { 
    border-top: 1px solid #888; 
    border-bottom: 1px solid #888; 
    padding: 30px; 
} 
thead { 
    background-color: #DDD; 
    box-shadow:inset 0 0 10px #000000; 
} 

Answer 1

我相信箱陰影需要一個塊級元素上。因此它不適用於一個thead。

我試圖找到規範，但仍然。塊級。

Answer 2

我已經通過繞過表標籤並使用css顯示屬性取得了成功，爲每個本地表元素創建一個類並將其應用於<div>或其他元素。

CSS如：

.row{ 
    display:table-row; 
} 
.cell{ 
    display:table-cell; 
} 

等

這允許使用常規表是不可能的一些不錯的效果。