无论当前风格如何，CSS都可以区别地突出显示任意元素

Question

我正在寻找一些CSS，它可以让我为页面上的元素提供一个独特的特征，而不会从根本上改变它的风格。具体而言，每个元素由一些具有任意文本颜色和背景颜色的文本组成。我想创建一些CSS，无论它应用于哪个元素，都会使该元素脱颖而出并显而易见已经应用了CSS。

主要问题似乎是，如果我尝试应用单独的颜色（例如，在文本周围创建边框），则对某些背景颜色无效（或效果较差）。并且我无法应用固定颜色来覆盖现有颜色，因为它可能与现有元素的颜色相同，使其与之无法区分。我在使用的现有样式方面有一定的灵活性，但不是在色调范围内，因此我不能选择适用于所有其他颜色的颜色，因为这样的颜色不存在。

类似于＆＃34;饱和度＆＃34;过滤器可以工作;所有颜色都可以从相对不饱和的调色板中选择，增强饱和度元素的饱和度。但是，CSS filter property似乎是实验性的，并且得不到很好的支持。我可以使用任何广泛可用的CSS属性来区分页面上的任意元素吗？

我的问题类似于this question，但解决方案需要完全在CSS中完成（添加新的临时元素并不是一个可接受的解决方案）。

Answer 1

您可以使用opacity并减轻元素。支持IE8 +

div {
   background-color:#F00;
   opacity:0.5;
   filter:Alpha(opacity=50); /* IE8 and earlier */
}

Fiddle