2013-07-20 13 views
0

모바일 응용 프로그램을 처음 만드는 것입니다. Dreamweaver를 사용하고 있습니다. 배경 이미지가 표시되지 않습니다.배경 이미지가 표시되지 않습니다.

다음
background: url("Your url"); 

위의 CSS 규칙이있는 데모입니다 :

HTML은

<!doctype html> 
    <html> 
    <head> 
    <style type="text/css"> 

    </style> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
    <link href="css/style.css" rel="stylesheet" type="text/css"> 
    </head> 

    <body class="main-page"> 

    </body> 
    </html> 

는 CSS 파일

@charset "utf-8"; 
/* CSS Document */ 
body.main-page 
{ 
    background-attachment: fixed; 
    background-image: url (images/home_main.jpg); 
    background-repeat: no-repeat; 
} 
+1

'background-image : url ('images/home_main.jpg');을 사용하여 URL이 올바른지 확인하십시오. 확실하지 않은 경우 'http : //'로 시작하는 전체 URL로 테스트하십시오. – RST

+0

@RST는 상대 경로를 작성했기 때문에 이미지가 웹 사이트 디렉토리에있는 것으로 보입니다. – leoMestizo

+0

한 상자에 2 개의 질문을하지 마십시오. –

답변

1

URL 값와 괄호 사이의 공간을 삭제합니다 : Fiddle. 대신

: 여기

background: url ("Your url"); 

그리고이 다른 CSS 규칙이있는 데모입니다 : Fiddle.

관련 문제