小编Pro*_*lys的帖子

我有两个div,一个是白色背景,一个是黑色背景:

<style>
#leftside
{
float:left;
width:50%;
height:100%;
background:#fff;
}
#rightside
{
float:right;
width:50%;
height:100%;
background:#000;
}

<div id="leftside">

</div>
<div id="rightside">

</div>

我想要做的是写一个文本,遍历两个div但是反转的颜色取决于该字母的像素结束的div.

就像是

我可以只是<span>正确设置字母的颜色,但这不能处理两个div上都有一个字母的情况.

我能做什么？(如果可能的话,我不想去只有Chrome 47和Firefox 43支持的CSS).