CSS 배경 이미지가 Firefox에는 표시되지 않지만 IE에서는 않습니다

IE에 배경 이미지를 표시하지만 CSS와 동일한 배경 이미지는 파이어 폭스에 없습니다. 특히, 문제가되는 headerdoc 이미지 (메뉴 위의 이미지).CSS 배경 이미지가 Firefox에는 표시되지 않지만 IE에서는 않습니다

내가하려는 것은 기본 div 섹션을 만든 다음 섹션의 나머지 레이아웃을 만드는 것입니다.

그래, 네가 테이블, 야크, 못생긴 관리하기가 어렵고 유지하기가 더 어렵다는 것을 알 수있다. 못생긴, 관리하기 어렵고 관리하기가 더 어렵다.

이 문제에 도움을 주시면 매우 감사하겠습니다.

P. 여기에 제가 성취하려고하는 것이 있습니다 - 나는 화면의 전체 너비와 높이에 대해 2.5 %의 여백을 뺀 페이지를 가지고 있습니다. 여기 아무리 큰 것도 괜찮습니다.

해당 컨테이너 내에 #headerDoc라는 헤더 섹션이 있습니다. 부모 컨테이너의 너비와 높이가 x %이어야합니다. 이 컨테이너의 전체 영역을 커버하는 배경을 갖고 싶습니다.

헤더 섹션에는 #headerDoc 상위 항목의 아래쪽 가장자리를 구성하는 메뉴 섹션이 있습니다. 바닥의 10 %라고 말하십시오. 이것은 자신의 배경이 너무 색이 바르게 표시되어 있습니다.

그런 다음 나머지 화면을 완성합니다. 그러나 그것이 내가 여기서하려고하는 것입니다. 여기

/************************* ID's *************************/ 
#mainDoc { 
    margin-top: 2.5%; 
    margin-right: 2.5%; 
    margin-bottom: 2.5%; 
    margin-left: 2.5%; 
    background-color: #494948; 
} 

#headerDoc { 
    width="100%"; 
    height="10%"; 
    background-image: url('./images/bg1.jpg'); 
} 

#menu { 
    /* position: relative;*/ 
    width: 100%; 
    height: 32px; 
    margin-top: 50px; 
    /* font-size: 14px;*/ 
    font-size: 1em; 
    font-family: Tahoma, Geneva, sans-serif; 
    /* font-weight: bold;*/ 
    text-align: center; 
    /*  text-shadow: 3px 2px 1px #FFFFFF; */ 
    background-image: url('./images/dpmenu.gif'); 
    /* background-color: #8AD9FF;*/ 
    background-color: #494948; 
    border-radius: 8px; 
} 

#menu ul { 
    height: auto; 
    padding: 8px 0px; 
    margin: 0px; 
} 
#menu li { 
    display: inline; 
    padding: 10px; 
} 

#menu a { 
    text-decoration: none; 
    color: #ffffff; 
    padding: 8px 8px 8px 8px; 
} 

#menu a:hover { 
    color: #000000; 
}

가 "="내가 한 것을 놓친에 대한

<html> 
<head> 
<link href="Style.css" rel="stylesheet" type="text/css"> 
<title>Css Test</title> 
</head> 
    <body> 
    <div id="mainDoc"> 
     <div id="headerDoc"> 
     <div id="menu"> 
      <ul class="bdr-t bdr-b"> 
       <li class="bdr-r ctr"><a href="index.php">HOME</a></li> 
       <li class="bdr-r ctr"><a href="classifieds.php">CLASSIFIEDS</a></li> 
       <li class="bdr-r ctr"><a href="placeadd.php">PLACE AD</a></li> 
       <li class="bdr-r ctr"><a href="directory.php">DIRECTORY</a></li> 
       <li class="bdr-r ctr"><a href="helpdesk.php">HELP DESK</a></li> 
       <li><a href="account.php">MANAGE ACCOUNT</a></li> 
      </ul> 
     </div> 
    </div> 
    </div> 
</body>

죄송 태그의 HTML 사용 (입니다 : 여기

는 CSS 데이터입니다 내가 구문을 잊어 버린 몇 가지 다른 것들이 있었지만 그것들을 변경 한 후에도 여전히 diff를 만들지 않았다.

출처

2013-12-19 user3059786

width = 100 % 대신 width = 100 %로 설정하는 아이디어는 무엇입니까? 당신의 스타일 시트에? –

css에서 '='을 제거하고 ':'을 사용하십시오. –

시도

#menu {... background-image : url ('./ images/dpmenu.gif'); ....} 그런데

, 무슨 BDR-t, BDR-B, BDR-R, 클릭률 CSS의 클래스?

출처

2013-12-19 18:07:51 Wynn

bdr-t 등은 문제가없는 메뉴 라인에 라인을 적용합니다. 메뉴 배경이 정상적으로 작동하므로 내가 무엇을 묻는 지 잘 모르겠습니다. – user3059786

그래, 여전히 문제는, 누구도 그걸 찌르는거야? – user3059786

알았어, 퀘스트. 아직 명확하지 않다. .. 그것은 단순 할지도 모른다. .. 사진을 얻었다? http://css3please.com/을 확인하십시오. – Wynn

CSS 배경 이미지가 Firefox에는 표시되지 않지만 IE에서는 않습니다

답변

관련 문제