HTML格式
<div>
<p>inverted color</p>
</div>
CSS公司
div {
background-color: #f00;
}
p {
color: /* how to use inverted color here in relation with div background ? */
}
有没有办法用 CSS 反转p颜色？
有color: transparent;为什么不color: invert;即使在 CSS3？
166
将背景的相同颜色添加到段落，然后使用 CSS 反转：
div {
background-color: #f00;
}
p {
color: #f00;
-webkit-filter: invert(100%);
filter: invert(100%);
}<div>
<p>inverted color</p>
</div>
31
这里是一个不同的方法使用mix-blend-mode: difference，这将实际上反转任何背景是，不只是一个单一的颜色：
div {
background-image: linear-gradient(to right, red, yellow, green, cyan, blue, violet);
}
p {
color: white;
mix-blend-mode: difference;
}<div>
<p>Lorem ipsum dolor sit amet, consectetur adicit elit, sed do</p>
</div>
2
我认为处理这个问题的唯一方法是使用 JavaScript
Try thisInvert text color of a specific element如果您使用 css3 执行此操作，则仅与最新的浏览器版本兼容。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（35条）