是否可以使用css根据背景颜色更改文本颜色？

Question

是否可以使用css根据背景颜色更改文本颜色？

就像在这张图片中一样

当文本从一个div(白色空间:nowrap)越过时,是否可以使用css或jquery/javascript更改文本颜色？

谢谢

Answer 1

这是我的解决方案(通过不同的方式思考):

使用DIV与overflow: hidden;显示评级等级的海军"酒吧".然后你写出两套TEXT:

1. 在DIV栏内(溢出:隐藏;),它将是白色的(在顶部)
2. 在底层的DIV容器中,它将是黑色的.(容器)

结果将是两个彩色文本div的重叠:

 ________________________________
|          1          |    2     |
|_(dark blue w white)_|__________|

这是我的jsFiddle

它的效果很好,因为如果条形图处于该宽度,它将"切入"字母.检查出来,我认为它正是你要找的.