My question extends this one:
Fade text too long inside HTML element
I am able to fade text lines (in a table cell in my case) by using a PNG that fades from transparent to the background color.
For my application though, I need the background color to be dynamic and scriptable. On hover, the table row background color changes and of course this makes the PNG "fader" image visible and ugly.
How can I achieve a dynamic / scriptable / styleable background color and still have my long text truncated with a fade?