2012-08-23 7 views
0

최근에 각 .html 파일에서 변경해야 할 사항이 많아서 .chm 파일을 다시 컴파일했습니다.배경 이미지가 컴파일 된 CHM 파일에 나타나지 않음 - Html 워크샵

단순히 이러한 파일을 다시 컴파일 할 때 주된 문제점은 배경 이미지입니다. html 파일 중 하나의 코드는 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>How to Create a File</title> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
    <link rel="stylesheet" media="screen" type="text/css" title="Design" 
    href="design.css" /> 
    <!--(Style Sheet)===================================================--> 
    <style> 
body { background-image:url("Background.gif"); background-repeat:repeat; background-attachment:scroll; }</style> 
</head> 

작업하기 전에 거기에 있었던 컴파일 된 버전으로 배경을 유지했습니다. 나는 단순히 Amaya를 사용하여 html 파일의 텍스트를 변경했으며 이제는 작동하지 않습니다!

다른 문제는 내가 모든 파일의 이름을 바꾸고 그에 따라 색인 파일을 변경하면 제목이 붙은 섹션 등이있는 상자를 풀어 버린다는 것입니다. 따라서 이전에 이름이 바르고 정리되지 않은 파일 !

내가 사용하고있는 이미지는 모두 같은 폴더에 있으므로 문제가되지 않습니다.

왜 이런 일이 일어나는 지 알고 있습니까? 어떤 도움이 대단히 감사하겠습니다!

감사합니다.

답변

0

이 방법 대신 backgrond-image를 사용하고 두 번째 생각이 배경 반복이라고 생각하십시오. repeat-x 또는 repeat-y 또는 어느 쪽을 선택하든 원하는 것을 선택하십시오. 이 스타일 인라인 배치해야합니다, 여전히 당신을 위해 문제입니다 ...하지만 당신의 배경이 작동되도록하기 위해서 경우

<style> 
body { 
background:url(Background.gif); 
background-attachment:scroll; 
background-repeat:repeat; 
} 
</style> 
+0

그것은 여전히 ​​작동하지 않습니다. 문제는,이 방법이 오래된 컴파일 된 파일로 작동한다는 것을 알고 있다는 것입니다. 이제는 작동하지 않습니다. – user2063

0

는 잘 모르겠어요 - 태그에 예 ... 귀하의 경우에는 body 태그를 사용하십시오. 배경 이미지는 링크 된 스타일 시트 또는 헤더에 배치 된 스타일을 통해 컴파일 된 CHM에서 작동하지 않습니다.

당신은 할 필요가 :

<body style="...attributes here;"> 
0

당신은 을 .hhp 파일, [FILES] 섹션으로 배경 이미지 경로를 삽입해야합니다. 예를 들어

: 당신은 마이크로 소프트 문서 탐색기를 사용하는 경우

[FILES] 
    index.html 
    ... 
    background.gif 
0

이 작동합니다.

ms-help://MS.VSCC.v80/MS.VSIPCC.v80/something/something/background.gif 

그러나 더 나은 방법은 동적 요소의 스타일에 배경 이미지를 추가 자바 스크립트를 사용하는 것입니다 : 오른쪽 이미지를 클릭하고 속성을 볼 때 계시 된 이미지 소스 경로를 전체 URL을 지정합니다. jQuery 또는 순수 JavaScript로이 작업을 수행 할 수 있습니다.jQuery로

순수한 자바 스크립트

$(document).ready(function() { 
    $("#example").css("background-image","url('images/css-background.jpg')"); 
}); 

:

var url = window.location.href; 
url = url.substring(0, url.lastIndexOf("/") + 1); 
var style = document.createElement('style'); 
document.getElementsByTagName('head')[0].appendChild(style); 
style.setAttribute('type', 'text/css'); 
style.styleSheet.cssText = '#example { background: url(' + url + 'images/css-background.jpg) }'; 
0

변환 이미지 (64)는 제 다음베이스로 사용 들어

  • <img> 요소 :

    CSS의 배경으로 사용하기 위해
  • 는 :

    url('data:image/png;base64,iVBOR...............'