왼쪽 고정 배경 이미지를 보라. 고정 이미지가 보일 수 있도록 그 부분에는 내용이 없어야 한다. 이를 위하여 왼쪽 마진을 한 글자 너비(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> 부분을 각 문서에 복사하고 필요 부분만 수정 해 주면 된다.
|
제공