KCP API결제 버전 배포 - exec() 불가 환경 대응KCP exec() 불가 대응 버전 배포
이전 목록 다음
채택완료

배경화면 100%

김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:37:27 4,079

body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')}

css 에서 이렇게 설정했는데 바둑판처럼 나오네요 100% 로 설정하라든데 어떻게 수정해야되나요

그누보드5
|

답변 7개 / 댓글 25개

채택된 답변
+20 포인트
jjanedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:40:57

배경이 화면 사이즈 보다 작아서 그래요 background-size: cover를 입력해보세요

답변에 대한 댓글 9개

김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:46:00
background-size: cover 이건 어디 사이에 넣어야되나요?

body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url; background-size: cover;('../img/배경.jpg')} 이렇게인가요?
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:47:38
background-url:(. ... ) ; background-size:cover 하시면 됩니다
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:49:51
안되네요 빈배경으로 나오네요
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:50:56
헐 .. 저걸 복붙하시면 안되고요 url 에 경로를 써주셔야........그리고 이미지 이름은 영문으로 쓰시고요
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:51:57
헐 세상에 설마 배경.jpg라고 그대로 넣으신건가....
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:54:36
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background-url:('../img/배경.jpg')} ; background-size:cover

이렇게가 맞는건가요?
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:55:59
네 끝에 } 닫아주시고요. 이미지 명은 영문으로 경로에 맞게 써주시면 됩니다.
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:00:07
왜 안될까요...
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:04:22
처음 이미지 경로에서 배경이보였다면 안될리가 없는데..아
괄호를 잘못닫으셨네요
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:('../img/배경.jpg'); background-size:cover }이렇게요
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:20:52

멍청한놈이 또 배우고 갑니다 도와주셔서감사합니다

답변에 대한 댓글 1개

janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:25:39
background{ url( ' 이미지 주소' ) top center no-repeat; background-size:cover => 이부분을 body { } 에 써넣으시면 차후에라도 별 문제 없으실거예요 이미지 이름은 영문으로, 이미지 색상모드는 rgb 가 되어야 빈배경이 나올 확률이 줄어듭니다. 저도 초보때가 있었어서 도움이 되길 바래요 ^_^
새새벽비
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:11:04

background 이미지가 바둑판 처럼 나온다면 작은 배경이미지인것 같으니

먼저 알려줘야 할것이 배경이미지를 반복해서 보이게 할것인지, 아니면 배경이미지를 크게 확대해서 한번만 보여줄것인지를 정하셔야 합니다.

작은 배경이미지가 반복없이 화면에 가득차게 보이게끔 하실려면 배경이미지 사이즈를 확대를 시켜야 하니 배경사이즈를 조절하는 스타일을 넣어주시면 됩니다.

body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg');background-size:cover}해주시면 됩니다.

답변에 대한 댓글 3개

김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:13:24
이렇게 하니깐 확대 되면서 전체를 채워주긴 하는데 너무 확대 되서 나오네요 정확하게 사이즈 맞추려면 사진의 큰걸 구하는방법말고는 없는것같네요 ㅠ
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:16:38
제가 위에 올려드린 거랑 같은데 왜 아까는 안되었던걸까여
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:17:48
제가 멍청대가리라서 그런가봅니다 ㅠ
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:10:12

thumb-833587811_1517548204.5581_730x98.png

그래도 빈배경이네요 ㅠ

답변에 대한 댓글 2개

janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:13:56
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url ('../img/배경.jpg'); background-size:cover; ;width:100%; height:1000px } 이렇게 임의로 body 사이즈 지정해보세요. 그래도 빈배경이라면 경로를 못잡는 것입니다 . 배경이미지 이름은 영문으로 바꾸시고요....
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:16:07
아니 빈배경이라면서요 ㅋㅋㅋㅋㅋㅋㅋ확대되서 문제가된거셨어요? 황당하네요

새벽비님이 올려주신코드랑 뭐가 다르죠?

전이제 모르겠습니다. DIY.
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:07:26

thumb-833587811_1517548036.0984_730x108.png

이렇게 하면 빈배경나오네요

답변에 대한 댓글 2개

세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:09:53
혹시 지금 css만 건드려놓고 html쪽에 내용 하나도 없는건 아니죠?
janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:09:56
background:url url이 빠졌어요 ㅠㅠ
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:04:38

thumb-833587811_1517547868.0567_730x118.png

맨처음 상태가 이렇게 에요

답변에 대한 댓글 1개

janedoe
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:06:21
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url ('../img/배경.jpg'); background-size:cover;} 이렇게 붙여넣어보세요 ~
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:38:49

백그라운드 태그값 뒤에  no-repeat; 를 넣어주시면됩니다.

background:url('../img/배경.jpg') no-repeat;

----추가---

아 제가 빠르게읽느라 제대로 안봤네요 100%설정은

background-size:100%또는

background-size:cover; 로 넣어주시면 될거같습니다.

답변에 대한 댓글 7개

김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:41:40
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')}no repeat;

이렇게 하면되나요?
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:43:52
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')} no-repeat; 이렇게 해도 안되네요
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:44:53
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg') no repeat; background-size:cover; }
이렇게요
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:48:02
안되네요 ㅠ빈배경으로 나오네요
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 13:50:10
그럼 no repeat를 빼고 크기값을줘서
body {width:100%; height:100%; margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg'); background-size:cover; }
이렇게넣어보세요
김우진
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:00:17
이것도 안되네요 ㅠ
세이세키
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-02-02 (금) 14:03:12
지금 그거 해당 코드 적혀있는부분을 캡쳐해서 올려보세요 그게 빠를듯합니다.
아니면 웹에 올라와있다면 해당사이트 url을...

답변을 작성하려면 로그인이 필요합니다.