Comment puis-je supprimer le parent de l'opacité dans le CSS?

Dans mon CSS j'ai le texte suivant:

.Thing {
    filter: alpha(opacity=40);
    opacity:0.4;
    -moz-opacity:0.4;
}

.Thing button {
    filter: alpha(opacity=100);
    opacity:1;
    -moz-opacity:1.0;
}

Toutefois, le bouton est toujours .4 opacité. J'ai ensuite essayer opacity: 2 et tel et il semble que je peux lui donner moins d'opacité, mais pas plus. Est il possible que je peux enlever ou dois-je écrire plusieurs règles pour tout, mais le bouton?

Je suis en train de tester avec Firefox et Chrome.

Vous ne pouvez pas supprimer parent opacité, si vous pouvez faire quoi que ce soit sur un 20% de la surface opaque, plus vous aurez jamais obtenir est de 20% opaque.
J'ai été très en espérant que n'était pas le cas 🙁
Meilleur CSS seule façon de contourner cela est d'utiliser de couleur rvba sur l'élément que vous voulez de la transparence. Le soutien n'est pas universel pour rgba encore est le principal inconvénient de garder à l'esprit.
rgba ne vous aide pas que la transparence de l'enfant textarea mélanger les div parent couleur d'arrière-plan, PUIS le site de fond au lieu de simplement bleding le site image d'arrière-plan
J'essaie d'imaginer ce que vous voulez dire mais je ne pense pas que je suis assez à l'obtenir. Avez-vous un jsfiddle ou quelque chose à démontrer ce que tu veux dire?

OriginalL'auteur | 2011-09-30

css

7

utilisation rgba avec un rgb de secours.
```
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.5); /*ie6 will ignore this*/
```
rgba ne s'applique opacité de l'élément cible.

Ce que j'ai récemment eu à faire est d'utiliser le rgbapng sass/boussole plugin qui génère une image au format png à utiliser comme une solution de repli pour les navigateurs sans rgba soutien.

Remarque: vous aurez toujours besoin d'utiliser un ie6 png fix pour que cela fonctionne.

Mon site ne supporte pas IE et tout ce qu'il échoue lamentablement. Donc j'ai l'habitude de tenter l'appui IE6 =). Cela ne fonctionne pas comme le blanc textarea n'est pas transparent et quand je ne .4 ou .5 il s'enchaîne avec la couleur d'arrière-plan .Chose PUIS le fond du site. Qui semble horrible :(. +1
je n'ai pas le comprendre. Pouvez-vous poster un js fiddle ou un peu de code?
Eh bien, je veux dire en utilisant ce n'est... Ce textarea qui est blanc au lieu d'être .4 blanc et .6 l'image de fond du site utilise des. Il est plutôt .4 blanc, puis .6 du parent couleur d'arrière-plan (qui est noir) ALORS l'image de fond. Le noir de la mère rend l'air mauvais.

OriginalL'auteur Ilia Choly
1

Pas un correctif pour le opacity problème mais une solution de contournement possible.

Comment sur le retrait de la button de la normale de la circulation des documents et de la placer à l'intérieur de la .Thing

Quelque chose comme ceci: http://jsfiddle.net/CqgkM/

OriginalL'auteur Jason Gennaro

Vous devez vous connecter pour publier un commentaire.