web-dev-qa-db-fra.com

Comment appliquer une image de fond complète dans asp.net MVC

Je suis nouveau sur asp.net MVC et j'ai besoin d'une image de fond complète sur la page de connexion. Je suis confus avec tous les cshtml et je ne sais plus trop où définir l’image d’arrière-plan. Aidez-moi, s'il vous plaît..

htmlcssasp.net-mvc
3
JADE

Je pense que la meilleure solution consiste à le faire via des feuilles de style (CSS). Tous les styles doivent figurer dans un fichier css séparé. Pour un code magnifique, n'utilisez pas de style en ligne:

body {
    background-image: url('your_img_path');
    margin: 0;
}
4
Marcin

Premièrement, je dirais que vous devez simplement traiter «.cshtml» comme «.html». Pour ajouter une image d'arrière-plan dans une vue (page .cshtml dans Asp.net MVC), il vous suffit de l'ajouter. dans  <body>  tag comme 'Contexte' attribut. J'ai fourni l'exemple de code. Regarde.

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Login Page</title>

</head>

<body background="~/Content/Images/sahb.png">
</body>

</head>
</html>

Cordialement! SAHB

3
Syed Asim Ashiq

Dans Index.cshtml:

    @{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link rel="stylesheet" href="~/CSS/Main.css" />
</head>
<body 

</body>

</html>

dans Main.css:

body {
background-image: url(../Images/myBackgroundPictureName.png);
background-repeat:no-repeat;
background-size:cover;
}
0
Sharunas Bielskis