Maison >interface Web >tutoriel CSS >CSS peut-il modifier directement l'attribut source d'une image ?
CSS peut-il modifier directement l'attribut source d'une image ?
- Mary-Kate Olsenoriginal
- 2025-01-03 01:26:38808parcourir
Le CSS peut-il modifier les attributs de la source de l'image ?
Question : Est-il possible de modifier l'attribut src d'un img balise en utilisant CSS, sans utiliser d'arrière-plan ou d'image d'arrière-plan propriétés ?
Solution :
Vous pouvez y parvenir avec la propriété content:url().
Utilisation :
- Créer une classe CSS avec l'image souhaitée source :
.imageClass {
content: url("path/to/image.jpg");
}
- Attribuer la classe à l'élément img :
<img class="imageClass">
Exemple :
<!DOCTYPE html>
<style>
.MyClass {
content: url("http://imgur.com/SZ8Cm.jpg");
}
</style>
<img class="MyClass">Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment puis-je définir la hauteur ou la largeur d'un élément en pourcentage moins une valeur de pixel fixe en CSS ?Article suivant：Comment puis-je définir la hauteur ou la largeur d'un élément en pourcentage moins une valeur de pixel fixe en CSS ?