thead上的边框图片未在Chrome中显示

时间:2013-03-18 10:30:19

标签: css html5 google-chrome

我想在我的thead上设置渐变作为边框图像,以获得美丽,流畅的边框,但它没有显示。如果我将它设置为经典div,则设置一个经典边框,以及我的渐变。

这是我的HTML:

<table id="foo">
    <thead>
        <tr>
            <td>Header</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>link</td>
        </tr>
    </tbody>
</table>

关联的CSS:

#foo {
    border-collapse: collapse;
}

#foo thead {
    border-image: -webkit-linear-gradient(left, transparent,black, transparent) 0 0 1 0 stretch;
    border-bottom-width: 1px;
}

我还试图将边框设置为#foo thead tr,但它也不起作用。

0 个答案:

没有答案