홈>2020-02-01 01:21

html - 왜 배경 그림 위에 홈페이지에서 패널을 볼 수 없습니까?

프로젝트에서 웹 홈페이지 중간에 패널을 만들고 싶습니다.

패널은 taiyi.jpg 위에 흰색 배경색의 컨텐츠 div입니다.

콘텐츠 사업부에는 4 개의 부분 사업부가 있습니다.

웹 홈페이지 코드는 다음과 같습니다 :

<body style="background:url(./image/taiyi.jpg); height:100%; width:100%;">
  <style>
  content{
    top:400px;
    left:400px;
    width: 1200px;
    height: 1200px;
    background-color:white;
  }
  .content .upleft, .downleft{
     width: 250px;
     height: 250px;
     float: left;
     background-color: red;
  }
  .content .upright, .downright{
     width: 250px;
     height: 250px;
     float: right;
     background-color: blue;
   }
 </style>
 <script type="text/javascript">
   $(function() {
     $("#header").load("header_02.html");
   });
</script> 

<div id="header"></div>    
<div class="content">
  <div class="upleft"></div>
  <div class="upright"></div>
  <div class="downleft"></div>
  <div class="downright"></div>
</div>
<!--footer start-->
<div id="footer"></div>
<script>
$(function() {
    $("#footer").load("../footer_02.html");
});
</script>
<!--footer end-->

이제 파란색과 빨간색 div를 보았습니다. 그러나 나는 흰색 Div로 콘텐츠 div를 보지 못했습니다.

내가 시도했다 :

content{
    margin-top:40px;
    margin-left:40px;
    width: 1200px;
    height: 1200px;
    background-color:white;
  }

및

content{
    margin-top:40px;
    margin-left:40px;
    width: 1600px;
    height: 900px;
    background-color:white;
  }

그러나 실패도 있습니다. 누가 나에게 도움이 될까요?

htmlcss

답변 # 1
와이즈 비즈 선언 CSS로 클래스로
```
content
```
.content{ //put dot to determine that it's class margin-top:40px; margin-left:40px; width: 1600px; height: 900px; background-color:white; }

Python2.net

html - 왜 배경 그림 위에 홈페이지에서 패널을 볼 수 없습니까?

관련 자료