Maison > Article > interface Web > réglage de l'image d'arrière-plan plein écran css django chargement du chemin de l'image instructions détaillées

réglage de l'image d'arrière-plan plein écran css django chargement du chemin de l'image instructions détaillées

高洛峰original: 2017-03-09 17:19:393353parcourir

L'éditeur suivant vous apportera un article sur les paramètres CSS des images d'arrière-plan plein écran et une explication détaillée du chemin de chargement des images dans Django. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour jeter un oeil

paramètre d'image d'arrière-plan plein écran CSS, explication détaillée du chemin de l'image de chargement de Django

<head>
<style type="text/css">
    #bg {   
        position:fixed;    
        top:0;    
        left:0;    
        width:100%;    
        height:100%;   
    }   

    #bg img {   
        position:absolute;    
        left:0;    
        right:0;    
        bottom:0;    
        margin:auto;    
        width:100%;   
        height:100%;   
        z-index:-1;   
    }   
    </style>
</head>
<body>
    <p class="container">
      <p id="bg">
        <img src="{% static &#39;img/login.jpg&#39; %}" alt="">
      </p>
      <p>
                    添加内容,该内容不会被遮挡,分割     
       </p>
</body>

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!

Déclaration：

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

Article précédent：Exemple de partage de code pour créer des bordures à l'aide du dégradé linéaire de CSS3Article suivant：Exemple de partage de code pour créer des bordures à l'aide du dégradé linéaire de CSS3

Articles Liés

Voir plus