在具有动态背景颜色的HTML元素内淡化文本太长

时间:2012-03-07 11:29:14

标签: html css background-image background-color

我的问题扩展了这一点:

Fade text too long inside HTML element

我能够通过使用从透明到背景色渐变的PNG淡化文本行(在我的情况下在表格单元格中)。

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

如何实现动态/可编写脚本/可设置样式的背景颜色 仍然会使用淡入淡出功能截断我的长文本?

2 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:0)

如果没有看到它就无法肯定,但听起来你应该改变悬停颜色。

即。 a:悬停{background-color:?}