Comment puis-je agrandir l'icône d'arrière-plan ?

Par exemple, dans l'image d'arrière-plan de ce chapitre, il y a de nombreuses icônes dans l'image. Je veux seulement la première icône. Comment puis-je agrandir une icône ? Par exemple, la largeur et la hauteur de cette icône ne sont que de 30 px * 30 px. En CSS, j'écris ceci : background: url (../i...

何惜一博 2018-09-21 16:12:16 0  2  1282

Ajouter une animation à la propriété background-image dans la balise body : guide étape par étape

J'utilise l'image d'arrière-plan dans la balise de style. <style>body{background-image:url("img.jpg");background-size:cover;transition:background-image4slinear;}</style>Je veux que l'image apparaisse en fondu sans ajouter de div séparé à la page . Cet objectif peut-il être atte...

P粉347804896 2024-03-29 21:59:19 0  2  442

Changer l'icône de l'image lorsque l'onglet actif change

Actuellement, j'ai un onglet en V qui comporte quatre onglets avec des icônes d'image et du texte. Cependant, lorsque l'onglet est actif, l'icône de l'onglet actif doit se transformer en une autre image. Que dois-je faire? <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-f...

P粉448130258 2023-08-29 18:55:29 0  1  595

Comment définir une image d'arrière-plan à l'aide de Next.js ?

J'ai essayé de définir l'image d'arrière-plan à l'aide de Next.js, mais je n'ai pas pu. Cela ne fonctionnera pas. L'image ne s'affichera pas : //globals.cssbody{background:url("/images/grid.svg")repeat;} Je souhaite répéter l'image d'arrière-plan sur toute la page comme ceci : Comment la c...

P粉725827686 2023-09-09 12:39:05 0  1  533

Placez des marqueurs interactifs sur les images à l'aide de React

s'il vous plaît, aidez-moi. J'ai une image comme celle ci-dessous qui s'affiche sur la page d'accueil (une image plus grande). A noter que la maison "FORGE" possède un marqueur blanc et bleu avec une flèche noire au milieu. Il en va de même pour les logements « locatifs ». Chacun de ces ma...

P粉896751037 2023-09-08 21:25:41 0  1  820

Comment réparer les images d'arrière-plan pixélisées sur les navigateurs basés sur Chromium ?

Sur les navigateurs basés sur Chromium, une image réduite utilisée comme image d'arrière-plan sera pixellisée et paraîtra floue lorsqu'elle sera affichée à l'aide d'une balise <img>. Existe-t-il un moyen de modifier le style de rendu de l'image d'arrière-plan afin qu'elle semble affichée dans ...

P粉549412038 2024-03-19 21:10:42 0  1  378

Mettre à l'échelle les sprites CSS en images d'arrière-plan : un guide

.my-sprite{background-image:url("https://i.stack.imgur.com/lJpW8.png");hauteur:100px;largeur:100px;background-position:00;background-position:-200px0px ;}<divclass="mon-sprite">&l

P粉063862561 2023-11-02 10:39:28 0  2  779

Wordpress - Le titre de l'image existe - Gutenberg ne l'obtient pas automatiquement

Avant de poser cette question, j'ai payé 9 heures de 10h00 à 20h00 :( J'ai tout essayé... mais pas de chance. Bon, j'ai paramétré les informations de l'image : texte alt, titre, Légende, Description L'éditeur Gutenberg peut obtenir le texte Alt, le titre de l'image, mais "Titre" est manqua...

P粉823268006 2024-01-16 21:17:02 0  1  466

Comment définir une image d'arrière-plan, la mettre en plein écran et la définir au dos de la page (HTML, CSS, JavaScript)

Je souhaite définir une image d'arrière-plan pour ce jeu simple que j'ai créé, mais je ne sais pas comment centrer l'image sur l'écran de saisie et couvrir toute la hauteur et la largeur de la page. Je veux également que l'image soit l'arrière-plan afin que le jeu soit au-dessus de l'image et que l'...

P粉384244473 2024-03-22 09:53:51 0  2  377

Comment empêcher l'image d'arrière-plan de scintiller lors d'un changement

J'applique une image d'arrière-plan répétitive du canevas au div via JavaScript comme ceci : varimg_canvas=document.createElement('canvas');img_canvas.width=16;img_canvas.height=16;img_canvas.getContext('2d') . drawImage(canvas,0,0,16,16);varimg=img_canvas.to

P粉590929392 2023-10-20 21:38:57 0  2  799

Créer des boutons qui s'adaptent à la taille de l'écran - explication détaillée de la façon d'utiliser les images d'arrière-plan

Je développe un portail pfsensecaptive qui nécessite que plusieurs graphiques soient affichés côte à côte et adaptables à la taille de l'écran de l'appareil. Cela peut être bien réalisé en utilisant le type d’entrée image. Cependant, le périphérique pfsense ne reconnaît pas correctement cette valida...

P粉345302753 2023-08-16 13:38:12 0  1  614

Comment superposer une image avec du texte avec un arrière-plan arrondi

J'ai besoin de reproduire en HTML ce que vous voyez dans cette image : Le problème est que le texte couvre le div et l'image d'arrière-plan. S'il n'y avait pas d'image dans le div externe ni de couleur unie, j'imagine que je pourrais le faire assez facilement avec quelques petits éléments HTML aux c...

P粉328911308 2023-08-30 15:20:14 0  1  479

Opacité inférieure de l'image d'arrière-plan de défilement, limite l'opacité minimale

J'essaie d'obtenir que l'image d'arrière-plan réduise l'opacité lors du défilement et une fois éloigné de la page de destination, en utilisant vanillajavascript pour la réduire à un minimum de 0,5. J'ai essayé d'ajouter Math.max() dans la fonction de défilement pour le ramener uniquement à 0,5, mais...

P粉166675898 2024-04-04 23:50:53 0  1  1437

Storybook avec Tailwind - L'image d'arrière-plan de Tailwind n'est pas résolue

L'image d'arrière-plan Tailwind a la syntaxe suivante : backgroundImage:(theme)=>({"drop-arrow":"url('/res/public/images/drop_down_arrow.svg')",...}) où /res est dans le fichier En dehors du dossier ../www/www/res.. mais en utilisant l'url pour résoudre sur le web. Ce projet e...

P粉786432579 2024-03-29 10:58:35 0  1  369

Essayez d'utiliser l'image d'arrière-plan avec la variable CSS dans le modèle Twig

J'ai donc une question. Je souhaite utiliser une image d'arrière-plan avec une variable CSS et, dans mon projet, j'utilise Twig pour parcourir les articles sélectionnés dans ma base de données via une requête SQL. Chaque article a un lien relatif vers l'image dans la base de données afin qu'elle pui...

P粉083785014 2023-09-04 12:41:18 0  1  520

Filepond ajoute un en-tête d'authentification avant le rendu de l'image

J'utilise le plugin filepond dans mon application Vue. Cela correspond parfaitement aux exigences de mon application. Actuellement, mon service backend diffuse des images via l'authentification JWT. Comment ajouter un en-tête personnalisé au pool de fichiers pour charger des images dans le composant...

P粉201448898 2024-03-27 13:06:23 0  1  438

Comment appliquer des filtres CSS aux images d'arrière-plan

J'ai un fichier JPEG que j'utilise comme image d'arrière-plan pour une page de recherche, et j'utilise CSS pour le définir car je travaille dans un contexte Backbone.js : background-image:url("whatever.jpg") ; Je souhaite le définir uniquement pour l'arrière-plan. Un filtre de flou CSS3 es...

P粉675258598 2023-08-23 14:06:46 0  2  491

Problème lors de l'ajout d'une balise d'ancrage autour de la balise d'image

Ma FlexGallery fonctionne bien, le seul problème est que lorsque j'ajoute la balise <a> autour de la balise <img>, tout se gâche. Lorsque j'enveloppe la balise <img> avec une balise <a> pour pouvoir ouvrir l'image en taille réelle, cela finit par gâcher toute la conception, j...

P粉998100648 2024-03-22 09:43:59 0  1  453

Comment utiliser les effets de filtre CSS sur les images d'arrière-plan

J'ai un fichier JPEG que j'utilise comme image d'arrière-plan pour ma page de recherche, et je le configure en utilisant CSS car je travaille dans un contexte Backbone.js : background-image:url("whatever.jpg "); Je souhaite appliquer un filtre de flou CSS3 uniquement à l'arrière-plan, mais...

P粉022285768 2023-08-20 13:28:36 0  2  483

Modifier l'opacité de l'image d'arrière-plan tout en préservant la visibilité des éléments enfants

Est-il possible de définir l'opacité d'une image d'arrière-plan sans affecter l'opacité des éléments enfants ? Tous les liens de l'exemple de pied de page nécessitent des puces personnalisées (image d'arrière-plan) et les puces personnalisées doivent avoir une opacité de 50 %. HTML<divid="fo...

P粉354602955 2023-10-10 19:40:19 0  1  662