2012-03-07 49 views
3

我的问题扩展这一个:淡出文本太长动态背景颜色的HTML元素内

Fade text too long inside HTML element

我能够通过使用PNG褪色文本行(在我的情况下,一台小区)从透明渐变到背景色。

虽然我的应用程序,我需要的背景颜色是动态和脚本。悬停时,表格行背景颜色会发生变化,当然这会使PNG“推子”图像可见并且很难看。

我如何能实现动态/编写脚本/设置样式的背景颜色还有我的长文本使用褪色截断?

+0

2个不同的png图片?一个用于正常,另一个用于悬停。我认为这是你最好的选择,而不要过多考虑。你可以使用css3渐变和伪元素。 – elclanrs 2012-03-07 11:33:04

+0

你有没有找到解决方案? – SamStar 2012-03-14 13:40:55

+0

不 - 当我有时间时,我会尝试每个颜色一个PNG解决方案,看它是否正常工作。让我知道你是否在做类似的事情并有解决方案。 – paperjam 2012-03-14 14:00:08

回答

7

正如我在我的评论中所说的,你可以用伪选择器和一些css3渐变来做到这一点。当然,这只适用于某些浏览器。

http://jsfiddle.net/x4gSG/1/

+0

保存我的时间!谢谢! – Heihachi 2012-09-30 18:16:52

0

不能肯定地说,没有看到它,但它听起来像是你应该改变悬停颜色。

即a:hover {background-color:?}