1

我创建了这个非常简单的小提琴来重现这个问题。我在 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;
}
4

2 回答 2

1

我相信 box-shadow 需要在块级元素上。因此它不适用于thead。

我试图找到规范，但仍然如此。块级别。

于 2013-03-21T15:25:27.270 回答
0

通过绕过表格标签并改用 css 显示属性，我已经成功地使用了 CSS3 幻想，为每个本机表格元素创建一个类并将其应用于 <div> 或其他元素。

CSS 如：

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

等等

这允许使用常规表无法实现的一些很好的效果。

于 2013-03-21T15:40:35.790 回答