For some reason, when you apply a background image to a tr in Safari and Chrome, it renders it as if the rule applies to every td.
Firefox:
(Source: whyprime.com)
Safari:
(Source: whyprime.com)
I found this article discussing a fix:
Applying a background image to a table row
I was able to get it working in Internet Explorer with spacer GIF images, but I can't figure it out for Safari.
http://www.whyprime.com/temp/table-background.html
You can use "background-attachment : fixed" to solve this problem.
<table>
<tr class="bg">
<td></td>
<td></td>
</tr>
</table>
And in CSS
tr.bg {
background-image : url(../PathToLeftBackground.png) repeat-y 50px 0px;
background-attachment: fixed;
}
And it works!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With