css - 广告上的边框图像未在 Chrome 中显示

Question

我想在我的头上设置一个渐变作为边框图像，以获得一个漂亮、平滑的边框，但它没有显示出来。设置经典边框有效，如果我将其设置为经典 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但它也不起作用。