ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 全画面背景画像設定 Django 画像パスの読み込み 詳細な手順

CSS 全画面背景画像設定 Django 画像パスの読み込み 詳細な手順

高洛峰
高洛峰オリジナル
2017-03-09 17:19:393380ブラウズ

以下のエディターは、CSS 全画面背景画像設定に関する記事と、Django に画像をロードするためのパスの詳細な説明を提供します。編集者はこれがとても良いと思ったので、参考として共有します。エディターをフォローして一緒に見てみましょう

cssの全画面背景画像設定、画像パスを読み込む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>


以上がCSS 全画面背景画像設定 Django 画像パスの読み込み 詳細な手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。