Javascript 替换为css轮廓颜色：反转

很久以前，有了过时的浏览器（chrome38），人们可以制作盒子

可以使用

轮廓颜色：反转

选择与背景完全相反的颜色

今天，这样一个伟大的功能已经不复存在了：（你有没有什么想法让我只想显示背景颜色相反的边框框

（今天chrome（39）计算

轮廓颜色：反转
到
轮廓颜色：透明
）

在此之前，
outline color:invert
渲染为黑色括号上的
outline color:rgb（255255255）
。）

谢谢你的想法。
也许这对你有帮助


.background{
显示：内联块；
利润率：10px；
填充：20px；
}
.盒子{
边框：3倍纯白；
高度：100px；
宽度：160px；
}
.倒置{
混合模式：差异化；
}

你有可用的JavaScript吗？是的，当然有；）但这不是重点。我想不出用纯CSS实现这一点的方法。CSS预处理器可以做到这一点；或者JavaScript。在任何情况下，这都会很复杂。是的，这就是我的想法，但如果某个css向导找到了一种通过阴影和混合的巧妙组合来实现这一点的方法，我不会感到惊讶…：）这给我留下了深刻的印象；我以前从未遇到过混音模式。和戴维托马斯一样，我对这个把戏印象深刻，从未见过。感谢@FrederikKrautwald的精彩表演；）