Voici mon code:

<div style = {{ backgroundImage: "url(img.jpg)" }} className="card">
    <h3>{character.name}</h3>
</div>

Ce code ne fonctionne pas. Sortie uniquement de couleur blanche

0
rrakhlin 3 juin 2020 à 15:42

3 réponses

Meilleure réponse

Essaye ça:

<div style={{ backgroundImage: `url(${require("img.jpg")})` }} className="card">
    <h3>{character.name}</h3>
</div>
0
Karveiani 3 juin 2020 à 12:58

Mieux utiliser ce code s'il s'agit de réagir

import React from 'react';
import logo from './img.jpg';
function Header() {
   return <img src={img} alt="image" />;
}
export default Header;

.image {
   background-image: url(./image.jpg);
 }
0
Gad 3 juin 2020 à 12:57

Vous fournir la solution générique qui fonctionnera dans tous les frameworks javascript.

HTML

<div id="parentDiv" className="card">
    <h3>XYZ </h3>
</div>

JS

document.getElementByID('parentDiv').style.backgroundImage = "url('your_image_name.png')";
0
Aditya toke 3 juin 2020 à 13:03