Trio 홈페이지 고정 된 배경 이미지 넣기 예제 예제 메뉴로


왼쪽 고정 배경 이미지를 보라. 고정 이미지가 보일 수 있도록 그 부분에는 내용이 없어야 한다. 이를 위하여 왼쪽 마진을 한 글자 너비(1em)를 주었다.
청색 부분을 조정하여 사용하라.
이 색상은 코드와 관계없이 설명을 위해 삽입 한 색상임



<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN">
<html lang="ko">
<head>
<title>Trio 홈페이지 - 고정 된 배경 이미지 넣기 예제<</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=EUC-KR">
<style type="text/css">
BODY {
 margin-left: 1em; /* 고정 이미지가 보이도록 열어 준 것임 */
  background-image: url('http://trio.co.kr/gif/bnvtrio.gif');
  background-position: 260 left; /* 디폴트는 top left, 혹은 0 0 */
  background-attachment: fixed;
  background-repeat: no-repeat; /* 디폴트는 repeat */
}
</style>
배경 이미지는 한번 만 설정 할 수 있다. 배경이기 때문에 다른 것에 의하여 덮어 씌워 진다. <style type="text/css">에서 </style>까지의 모든 내용을 별도 화일 file.css에 저장하고 전체 부분을
<link rel="stylesheet" href="file.css" type="text/css">
로 대체하여도 같은 결과를 갖는다. 화일 안에 <style type="text/css">와 </style>를 포함시키지 마십시오. 여러번 복사해야 하는 내용은 이렇게 하는 것이 편리하다.
</head> <body>
왼쪽 고정 배경 이미지를 보라.
</body> </html>
<style> 부분과 <table> 부분을 각 문서에 복사하고 필요 부분만 수정 해 주면 된다.

번역문 소유자 - Trio 홈페이지 제공 이 문서(http://trio.co.kr/webrefer/csex/cxfiximg.html)는
자유로이 연결 사용이 가능함.
예제 메뉴로