2016-05-06 1 views
2

Pour Chrome et d'autres navigateurs, nous utilisonsComment définir une image d'arrière-plan (en utilisant l'attribut filter) pour IE8 en utilisant jQuery?

$('.dummyActive').live("click", function(event){ 

$('#imageClass').css("background- image","url(web/M425/images/imgAcc/cards/"+arrayElement[this.id.match(/\d+/)]+") "); 

}); 

Maintenant, puisque le travail ne marche pas de taille de fond avec IE8, J'utilise ce CSS,

.imageClass{ 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='web/M425/images/imgAcc/cards/summyImg.png',sizingMethod='scale') 
} 

et le CSS ci-dessus fonctionne quand je donne en utilisant CSS mais je ne sais pas comment définir une image à un filtre en utilisant jquery dynamiquement.

Maintenant comment puis-je définir une image (pour IE8) pour la fonction live dummyActive ci-dessus en utilisant javascript ou JQuery. Donc, j'essaye de placer l'attribut de filtre à la classe dummyActive (ci-dessous peice de code) mais son ne fonctionnant pas comme j'emploie les deux sortes de virgules inversées et de guillemets doubles inversés.

$ ('dummyActive'). Live ("clic", function (event) {

$('#imageClass').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='web/M224/images/imgAcc/cards/"+arrayAccountImage[this.id.match(/\d+/)]+"',sizingMethod='scale'+")"); 

}); 
+0

JQuery en direct()() { $ ('# imageClass') .css ('background-image', 'url (' + imageUrl + ')'); }); ' –

+0

@SachinK merci. Mais, quelle est la syntaxe pour définir l'attribut de filtre mentionné ci-dessus à dummyClass. – nikhilesh

Répondre

0

Pour le "filtre -m-" filtre CSS Essayez plutôt de "filtre"

méthode dépréciée depuis 1.7. essayer donc l'utilisation .on() méthode. `$ ('dummyActive'). sur (clic, la fonction IE8 ignores "filter" CSS styles

+0

IE8 récupère l'attribut de filtre, mais maintenant je dois définir une image à .imageClass en utilisant jQuery car les noms des images peuvent varier. Alors, comment puis-je définir l'attribut de filtre à la classe dans jquery @ r00ster – nikhilesh

+0

Souhaitez-vous pas simplement ajouter la classe avec jQuery? '$ (yourIMageSelector) .addClass ('imageClass')' [documentation addClass] (https://api.jquery.com/addclass/) – meditari

+0

mais l'image peut varier en fonction de la sélection de diverses images sur l'écran. – nikhilesh