배경화면 100%
본문
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')}
css 에서 이렇게 설정했는데 바둑판처럼 나오네요 100% 로 설정하라든데 어떻게 수정해야되나요
답변 7
배경이 화면 사이즈 보다 작아서 그래요 background-size: cover를 입력해보세요
background-size: cover 이건 어디 사이에 넣어야되나요?
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url; background-size: cover;('../img/배경.jpg')} 이렇게인가요?
background-url:(. ... ) ; background-size:cover 하시면 됩니다
안되네요 빈배경으로 나오네요
헐 .. 저걸 복붙하시면 안되고요 url 에 경로를 써주셔야........그리고 이미지 이름은 영문으로 쓰시고요
헐 세상에 설마 배경.jpg라고 그대로 넣으신건가....
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background-url:('../img/배경.jpg')} ; background-size:cover
이렇게가 맞는건가요?
네 끝에 } 닫아주시고요. 이미지 명은 영문으로 경로에 맞게 써주시면 됩니다.
왜 안될까요...
처음 이미지 경로에서 배경이보였다면 안될리가 없는데..아
괄호를 잘못닫으셨네요
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:('../img/배경.jpg'); background-size:cover }이렇게요
백그라운드 태그값 뒤에 no-repeat; 를 넣어주시면됩니다.
background:url('../img/배경.jpg') no-repeat;
----추가---
아 제가 빠르게읽느라 제대로 안봤네요 100%설정은
background-size:100%또는
background-size:cover; 로 넣어주시면 될거같습니다.
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')}no repeat;
이렇게 하면되나요?
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg')} no-repeat; 이렇게 해도 안되네요
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg') no repeat; background-size:cover; }
이렇게요
안되네요 ㅠ빈배경으로 나오네요
그럼 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; }
이렇게넣어보세요
이것도 안되네요 ㅠ
지금 그거 해당 코드 적혀있는부분을 캡쳐해서 올려보세요 그게 빠를듯합니다.
아니면 웹에 올라와있다면 해당사이트 url을...
맨처음 상태가 이렇게 에요
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url ('../img/배경.jpg'); background-size:cover;} 이렇게 붙여넣어보세요 ~
이렇게 하면 빈배경나오네요
혹시 지금 css만 건드려놓고 html쪽에 내용 하나도 없는건 아니죠?
background:url url이 빠졌어요 ㅠㅠ
그래도 빈배경이네요 ㅠ
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url ('../img/배경.jpg'); background-size:cover; ;width:100%; height:1000px } 이렇게 임의로 body 사이즈 지정해보세요. 그래도 빈배경이라면 경로를 못잡는 것입니다 . 배경이미지 이름은 영문으로 바꾸시고요....
아니 빈배경이라면서요 ㅋㅋㅋㅋㅋㅋㅋ확대되서 문제가된거셨어요? 황당하네요
새벽비님이 올려주신코드랑 뭐가 다르죠?
전이제 모르겠습니다. DIY.
background 이미지가 바둑판 처럼 나온다면 작은 배경이미지인것 같으니
먼저 알려줘야 할것이 배경이미지를 반복해서 보이게 할것인지, 아니면 배경이미지를 크게 확대해서 한번만 보여줄것인지를 정하셔야 합니다.
작은 배경이미지가 반복없이 화면에 가득차게 보이게끔 하실려면 배경이미지 사이즈를 확대를 시켜야 하니 배경사이즈를 조절하는 스타일을 넣어주시면 됩니다.
body {margin:0; padding:0; font-size:0.75em; font-family:dotum; background:url('../img/배경.jpg');background-size:cover}해주시면 됩니다.
이렇게 하니깐 확대 되면서 전체를 채워주긴 하는데 너무 확대 되서 나오네요 정확하게 사이즈 맞추려면 사진의 큰걸 구하는방법말고는 없는것같네요 ㅠ
제가 위에 올려드린 거랑 같은데 왜 아까는 안되었던걸까여
제가 멍청대가리라서 그런가봅니다 ㅠ
멍청한놈이 또 배우고 갑니다 도와주셔서감사합니다
background{ url( ' 이미지 주소' ) top center no-repeat; background-size:cover => 이부분을 body { } 에 써넣으시면 차후에라도 별 문제 없으실거예요 이미지 이름은 영문으로, 이미지 색상모드는 rgb 가 되어야 빈배경이 나올 확률이 줄어듭니다. 저도 초보때가 있었어서 도움이 되길 바래요 ^_^
