communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

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 Olsen

Libérer： 2025-01-03 01:26:38

original

853 Les gens l'ont consulté

Can CSS Change an Image's Source Attribute Directly?

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");
}

Copier après la connexion

Attribuer la classe à l'élément img :

<img class="imageClass">

Copier après la connexion

Exemple :

<!DOCTYPE html>

<style>
.MyClass {
    content: url("http://imgur.com/SZ8Cm.jpg");
}
</style>

<img class="MyClass">

Copier après la connexion

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!

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 sélectionner des éléments HTML avec plusieurs classes à l’aide de CSS ?

Déclaration de ce site Web

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2724

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2845

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2397

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...