【问题标题】:Fade text too long inside HTML element with dynamic background color使用动态背景颜色在 HTML 元素内淡化文本太长
【发布时间】:2012-03-24 22:19:35
【问题描述】:

我的问题扩展了这个:

Fade text too long inside HTML element

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

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

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

【问题讨论】:

  • 2 个不同的 png 图片?一个用于正常,一个用于悬停。我认为这是你最好的选择,不用想太多。您可以使用 css3 渐变和伪元素..
  • 您找到解决方案了吗?
  • 否 - 当我有时间的时候,我会尝试使用一种每色一个 png 的解决方案,看看它是否可以正常工作。如果您正在做类似的事情并有解决方案,请告诉我。

标签: html css background-image background-color


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    没有看到就不能确定,但​​听起来你应该改变悬停颜色。

    即a:悬停{背景颜色:?}

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-12-10
      • 1970-01-01
      • 2014-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多