CSS/网络套件 : Background Images for Table Row

Question

出于某种原因，当您在 Safari 和 Chrome 中将背景图像应用于 tr 时，它会将其呈现为好像该规则适用于每个 td。

火狐:

_{(来源:whyprime.com)}

Safari :

_{(来源:whyprime.com)}

我发现这篇文章讨论了一个修复:

Applying a background image to a table row

我能够在 Internet Explorer 中使用间隔 GIF 图像让它工作，但我无法在 Safari 中找到它。

http://www.whyprime.com/temp/table-background.html

Answer 1

可以使用“background-attachment : fixed”来解决这个问题。

<table>
  <tr class="bg">
    <td></td>
    <td></td>
  </tr>
</table>

在 CSS 中

tr.bg {
    background-image : url(../PathToLeftBackground.png) repeat-y 50px 0px;
    background-attachment: fixed;
}

而且有效!