J'essaie de définir l'arrière-plan d'un élément sur non-répéter code> - j'ai essayé la voie suivante, mais cela semble ne rien faire, je vais me tromper quelque part? Il fait ressortir l'image sur le lien A code> qui va bien. Je cache les liens de texte à l'aide de Text-indent code> pour l'obtenir hors de la page (la masquant) mais la masquage de cela cache également l'image de fond. Existe-t-il une façon d'essayer de cacher le lien et d'afficher simplement l'image BG? Vous trouverez ci-dessous ce que j'ai fait jusqu'à présent - j'ai juste besoin de conseils pour surmonter ce problème - relativement nouveau à JQuery. <a id="ctl07_HealthAndSafetyRadarForm_Wizard_SideBarContainer_SideBarList_SideBarButton_5" href="javascript:__doPostBack('ctl00$ctl07$HealthAndSafetyRadarForm_Wizard$SideBarContainer$SideBarList$ctl05$SideBarButton','')" style="background: url("/assets/img/radarstep6dark.png") no-repeat scroll 0 0 transparent;">Review</a>
//main.css
.AspNet-DataList td a {
/*text-indent: -9999em;*/
/*display:block; */
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
4 Réponses :
Essayez ceci:
.css({
'background-image': 'url(/assets/img/radarstep' + (index + 1) + 'dark.png)',
'background-repeat' : 'no-repeat'
});
Lors de l'ajout de la ligne, il revient avec attendu: '
Oh idiot moi, au lieu d'ajouter le, je devrais être ajouté: (Parfois, j'ai envie de gifler les yeux de ma tête)
Où vous avez écrit «fond-répéter», il devrait s'agir de «répétition de fond-répéter», sans le: à la fin du nom de la propriété.
Pourquoi avez-vous commenté le Affichage: Bloc; CSS? Vous avez besoin de cela pour dire au navigateur que votre lien doit être affiché comme un bloc.
De plus, je ne suis pas sûr que vous puissiez utiliser jQuery CSS des propriétés telles que vous le faites; Avez-vous essayé la syntaxe div.css ({propriété: valeur, propriété: valeur}); ?
J'ai initialement placé un bloc pour masquer la page du texte de la page à des fins de test. Je vais essayer votre solution Jeremy. Merci d'avoir pris le temps de m'aider.
ONU-COMMENTAIRE L'AFFICHAGE: Bloc 'Whel' a fonctionné maintenant car il affiche la hauteur correcte + largeur =)
.css({'background-image' : 'url(/assets/img/radarstep' + (index + 1) + 'dark.png)',
'background-repeat': 'no-repeat'});
Houdmont qui fonctionnait parfaitement - y a-t-il une documentation sur les différentes propriétés que je peux ajouter pour l'arrière-plan comme une hauteur, une largeur, des niveaux d'opacité? - '.CSS ({' arrière-fond-image ':' URL (/ actifs / img / radarstep '+ (index + 1) +' sombre.png) ', "fond-répéter": "non répétée", hauteur ':' 25px ',' largeur ':' 25px '});'
input[type="submit"] {background:url(mybutton.png);background-repeat:no-repeat;height: 29px;width: 44px; }
Try this it works for me