2012-08-05 2 views
0

두 개의 하위 div 태그를 포함하는 하나의 상위 div 태그가 있고 배경으로 이미지를 사용하고 싶습니다. 부모 div 태그의 CSS 스타일은 다음과 같습니다크롬이 상위 div 태그에 배경 이미지를 표시하지 않습니다.

#maindiv 
{ 
    width:55%; 
    background-image:url(F:/sem5/web tech/13sand.jpg); 
    overflow:hidden; 
} 

몸은 다음과 같습니다

<body background="National Geographic Wallpapers 022.jpg" > 
<center > 
<div id="maindiv" > 
     <h2 style="background-color:#191970;font-family:Verdena;color:white;height:91px;font-size:80px;">Gagandeep Kaur</h2> 

     <div style="float:left;width:37%;"> 
       <table border="0"> 
       <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('ginfo');" >General Information</a><br/><tr> 
       <tr><div id="ginfo"></div></tr> 
       <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('ainfo');" >Academic Information</a><br/></tr> 
       <tr><div id="ainfo"></div></tr> 
       <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('h');" >Hobbies</a><br/></tr> 
       <tr><div id="h"></div></tr> 
       <tr><a style="cursor:pointer;text-decoration:none;font-size:28px" href="javascript:filldata('aim');" >Aim</a></tr> 
       <tr><div id="aim"></div></tr> 
       </table> 
       </div> 
      <div style="float:right;width:63%;"> 
       <img src="2011-08-04 18.31.38_1.jpg" align="right" width="300px" height="500px"> 
       </div> 
    </div> 

</center> 
</body> 

이 코드는 아니지만 크롬에서 IE에서 배경을 보이고있다. 어디서 문제가 있습니까 ??

+0

** 배경 - 이미지 : 홈페이지 (F : /있는 sem5/웹 기술/13sand.jpg가) ​​** ** 에 배경 이미지를 변경하려고 : URL을 ("F : /있는 sem5/웹 tech/13sand.jpg "); ** 폴더 이름에 공백을 사용하지 마십시오. –

+0

파일 이름이나 디렉토리 이름에 공백을 사용하면 안됩니다. 이것은 매우 나쁜 습관입니다. 또한 'F'드라이브에서 배경 이미지를 참조하고 있습니다. 나는이 사이트가 분명히 그렇게 작동하지 않을 것 같은 인터넷에 살지 않을 것이라고 가정 할 것이다. –

+0

좋아요 .i는 공백을 사용하지 않을 것이고 ... 사이트가 인터넷에 연결되지 않을 것입니다. i는 html과 css에 익숙하지 않아서이 일을 혼자서하려고 애 썼습니다. – user182022

답변

3

이미지의 URL을 따옴표로 묶어 보셨습니까?

#maindiv 
{ 
    width:55%; 
    background-image:url('F:/sem5/web tech/13sand.jpg'); 
    overflow:hidden; 
} 
관련 문제