집 >웹 프론트엔드 >CSS 튜토리얼 >CSS 전체 화면 배경 이미지 설정 django 로딩 이미지 경로 세부 지침

CSS 전체 화면 배경 이미지 설정 django 로딩 이미지 경로 세부 지침

高洛峰원래의: 2017-03-09 17:19:393426검색

다음 편집기는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS3의 선형 그래디언트를 사용하여 테두리를 만드는 샘플 코드 공유다음 기사：CSS3의 선형 그래디언트를 사용하여 테두리를 만드는 샘플 코드 공유