Je souhaite appliquer une image d'arrière-plan en CSS interne. J'utilise un modèle de flacon. ceci est mon répertoire
background-image: url("/image/img.jpg");
Je veux appliquer l'image d'arrière-plan à upload.html. mais j'ai eu une erreur 404. quelqu'un peut-il m'aider s'il vous plaît?
mon code:
src - templates - image - img.jpg src- templates - upload.html
message d'erreur:
obtenir /image/img.jpg HTTP / 1.1 404
3 Réponses :
Je pense que vous donnez un chemin erroné et c'est pourquoi vous obtenez l'erreur 404. Vous pouvez utiliser le code suivant.
background-image: url{"image/img.jpg"};
Il peut y avoir plusieurs problèmes tels que:
URL de répertoire incorrecte: essayez de spécifier l'URL complète - au lieu de "/image/img.jpg"
essayez "/templates/image/img.jpg" code>.
Nom du répertoire mal orthographié - vérifiez-le correctement.
Rassurez-vous que l'image spécifiée est au bon format ( .jpg
).
La manière standard (Flask) de faire cela, que vous verrez dans des exemples et des didacticiels, est de placer les fichiers statiques dans un dossier static
à la racine du projet. En supposant que votre CSS est également en static
,
background-image: url({{ url_for('static', filename='img.jpg') }});
fait ce que vous voulez. Mais si vous incorporez des styles dans des modèles,
background-image: url('/static/img.jpg');
est préférable, bien que le premier fonctionne très bien.
Si les choses se compliquent et que vous commencez à utiliser des plans, consultez la documentation.
utilisez background-image: url ("/ templates / image / img.jpg");