inverser la couleur en utilisant css

Question

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 ? */
}

Est - il possible d'inverser la couleur p avec css?

Il y a color: transparent; Pourquoi pas color: invert; même en CSS3?

52

css css3

demandé sur Andrea Ligios 2013-07-19 12:40:27

2 réponses

score 88 · Answer 1

Ajouter la même couleur de l'arrière-plan au paragraphe, puis inverser avec CSS3:

div {
    background-color: #f00;
}

p { 
    color: #f00;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

score 2 · Answer 2

Je pense que la seule façon de gérer cela est D'utiliser JavaScript

Si vous faites cela avec css3, il est uniquement compatible avec les versions les plus récentes du navigateur.