아래 우측하단에 보시는것 처럼 배경에 이미지를 한곳에 고정 시킬때...
< body style="background-image:url('http://lia47.pe.kr/imge/g-3.gif');
background-repeat:no-repeat; background-attachment:fixed;
background-position:50% 50%;">
위의 소스를 <body>안에 넣어주세요...
< body>와</body>사이가 아니고
<body>안에 넣어주셔야 합니다.
수정하실 부분은
image:url('이미지주소') --> 이미지가 있는 위치
position:50% 50% --> 이미지가 고정되는 위치
0% 0% --> 좌측상단
50% 50% --> 중앙
100% 100% -->우측하단
........................
right right --->우측 하단
right bottom --->우측 하단
left left --->좌측하단
right left-->좌측 중앙
그 밖에 top,middle등으로 위치를
이용 합니다.
위의 방법외
<head>와</head>사이에 넣는 소스가 있습니다.
< style>
< !--
BODY {background: url('http://lia47.pe.kr/imeg') white fixed no-repeat 50% 50%}
-->
< /style>
위치만 조절하면 됩니다.
이렇게 하면 넘 분위기 있어요.?
소스대로하면
내용물이 길어도
배경은 가만히 고정되어 있답니다.
소스는
<body background="배경 주소" bgproperties="fixed">
'Html & Css' 카테고리의 다른 글
| 밑줄 없애려면.... (0) | 2016.06.02 |
|---|---|
| 마우스를 올렸을때 생기는 위,아래줄 (0) | 2016.06.02 |
| 메모장 생성 방법 (0) | 2016.06.02 |
| 투명 스크롤바 만들기 (0) | 2016.06.02 |
| 마퀴로 글씨 반짝반짝거리기 (0) | 2016.06.02 |