2011-06-16 4 views
2

est-il un moyen de définir l'opacité dans une classe css, en jquery, vous pouvez le faire:ajouter l'opacité à une classe css

$(result).parent().css({ 'background-color': '#eeeeee', 'opacity': '0.7' }) 

toute façon?
Je dois les mettre dans les propriétés d'une classe css.

Répondre

6

Il existe différentes propriétés CSS actuellement requises pour la compatibilité entre navigateurs.

filter:alpha(opacity=50); // For IE 
-moz-opacity:0.5;   // Older versions of Mozilla 
-khtml-opacity: 0.5;  // For Safari 1.x (I believe) 
opacity: 0.5;    // General usage 

Personnellement, je tiens à l'utilisation jQuery pour le faire pour vous, car ils ont déjà développé leur méthode avec plusieurs navigateurs à l'esprit.

+0

Merci, si je veux utiliser la jquery, j'ai besoin de savoir comment rouge de ces propriétés après et coller avec les originaux. Comment puis je faire ça ? – Ovi

+0

Je ne suis pas sûr de comprendre ce que vous demandez. –

+0

après avoir ajouté ces nouvelles propriétés j'ai une certaine fonction ... après que je dois enlever les propriétés j'ai ajouté. – Ovi

0

Comme ceci:

.myClass{ 
    opacity:0.4; 
    filter:alpha(opacity=40); 
} 

Le filter:alpha(opacity=40); est pour IE

0

Oui, exactement de la même manière que vous l'avez fait avec jQuery:

.className { opacity: 0.7 }

Notez cependant que cela ne fonctionnera pas dans Internet Explorer, vous devez donc ajouter une autre propriété, filter: alpha(opacity=70)

+0

Merci, mais il me dit que ce n'est pas une propriété css connue. – Ovi

+0

Qu'est-ce qui vous dit ça? La spécification CSS3 me dit différemment: http://www.w3.org/TR/css3-color/#transparency –

0

Il n'existe pas de classe CSS (HTML a des classes, CSS a des sélecteurs de classes). Il semble que vous vouliez dire un ensemble de règles CSS cependant.

some selector { 
    opacity: 0.7; 
} 
+0

cela ne contredit-il pas la réponse ci-dessus? – AlxVallejo

+0

Non, ce n'est pas le cas. – Quentin

1

Pour définir l'opacité dans tous les principaux navigateurs, procédez comme suit

HTML:

<div class="opacityElement"></div> 

CSS:

.opacityElement { 
    filter:alpha(opacity=50); // IE 
    -moz-opacity:0.5;   // Firefox 
    -khtml-opacity: 0.5;  
    opacity: 0.5;   
} 
Questions connexes