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

标签 html css background-image background-color

我的问题扩展了这个问题:

Fade text too long inside HTML element

我可以使用从透明渐变到背景色的 PNG 来淡化文本行(在我的例子中是表格单元格中)。

不过对于我的应用程序,我需要背景颜色是动态的并且可编写脚本。悬停时,表格行背景颜色会发生变化,当然这会使 PNG“渐变”图像变得可见且丑陋。

如何实现动态/可脚本化/可样式化的背景颜色并且仍然让我的长文本被淡化截断?

最佳答案

正如我在评论中所说,您可以使用伪选择器和一些 css3 渐变来完成此操作。当然,这只适用于某些浏览器。

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

关于html - 在具有动态背景颜色的 HTML 元素中淡化太长的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9600621/

相关文章:

javascript - 有没有办法为 HTML 元素提供唯一的 ID,以便使用 for 循环在 JavaScript 中创建它们?

javascript - 无法读取 null 的属性 'getElementById'

html - 如何阻止破折号自行包裹?

css - --watching 时手写笔呈现空白文件

iphone - Cocos2d 和 iPhone : Parallax Background with multiple texture atlases gives many memory warnings

html - 将背景图像放在 div 标签中

html - "-webkit-overflow-scrolling: touch"破坏了 css 3d 透视图

javascript - 循环具有相同类的每个 div 以一次更改颜色

javascript - 一种使用 javascript 创建随机噪声背景图像 (png) 的方法?

html - CSS 多个背景图像都 repeat-x