div 안에 배경이미지를 넣으려하는데 등록이 안되요 ㅜㅜ
본문
백그라운드 컬러를 주면 적용되요.
그런데 백그라운드 이미지를 넣으면 적용안되네요 ㅜㅜ
도대체 원인이 뭔지 ㅜㅜ
네이버를 뒤져도 모르겠고...
도와주셔요 ㅜㅜ
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#main_backimg{
width:1920px;
height:760px;
margin:0px;
padding:0px;
background-image: url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png') no-repeat center center fixed;
}
</style>
</head>
<body>
<div id="main_backimg">
<div class="title_txt">
<h2>글자 글자 글자</h2>
</div>
</div>
</body>
</html>
답변 10
background: url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png') no-repeat center center fixed;
해봤는데 안나와요 ㅠ_ㅠ
맨위 태그에 아이프레임이 들어가 있는데 혹시 그게 원인일까요?ㅜㅜ
background-image 속성에 알맞지 않은 속성 값이 들어가 있네요.
background 로 변경하세요.
단축 속성사용하시려다 실수하신 거 같아요.
그리고 fixed는 background-attachment 속성값인거 같은데, 이것도 단축속성으로 적용할 수 있는지는 모르겠네요. 작동안된다면
background-attachment : fixed;
로 분리하셔요.
정확이는
인덱스 문서
<div id="body">
<iframe src="body_main.html" name="body" width="99%" height="760px" class="body_iframe" border='0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0'>
iframe을 지원하지 않는 브라우저를 사용하고 계십니다. 최신버전의 브라우저로 업그레이드 후 사용하세요
</iframe>
</div>
인덱스 css 문서
#body{
margin:0% 0.5% 0% 0.5%;
padding:0px;
width:99%;
height:760px;
}
.body_iframe{
margin:0px;
padding:0px;
width:100%;
height:760px;
}
body_main.html 문서
<body>
<div id="main_backimg">
<div class="title_txt">
<h2>An eternal Companion</h2>
</div>
</div>
</body>
body css문서
#main_backimg{
overflow:hidden;
width:99%;
height:760px;
margin:0px;
padding:0px;
background: url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png') no-repeat center center fixed;
}
네요 ㅜㅜ
background 도 background-image 도 안되요 ㅜㅜ
궁금한게 이미지 주소에 왜 네이버가 들어가있나요?
어디서 퍼오시는 이미지인건가요??
해당 이미지가 올려진 곳이 현재 작업하는 곳과 같은 도메인이 아니라면 못불러올겁니다.
그것이 가능하려면 서버에서 설정을 따로 해줘야합니다. 트래픽을 유발하기에 대부분은 불허하지요.
흉내쟁이님
백그라운드 이미지가 적용이 안되서 검색하던중에
강의 블로그에서 퍼온 이미지예요.
이 이미지도 적용을 해봤고 그냥 제 폴더에 있는 이미지
임구르 이미지 다 적용해봤어요.
이미지 문제는 아닌거 같고
일단 아이프레임 없이
본문 캡쳐처럼 했을때 background로 변경하면 이미지는 나와요.
다만, 원래 목적인 아이프레임 안에 div 를 넣으면 다시 안나와요 ㅜㅜ
background-image: url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png');
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
다른 분이 쓰신 것처럼 background 속성에만 지금 쓰신 거 전부 다 넣을 수 있습니다.
naver.net이 혹 naver.com 것이면 안 나올 수 있어요.
(네이버 경우, 이미지 외부사이트에 링크해 사용하는 게 불가능)
이미지를 님 홈페이지에 올린 후 불러와 보세요.
아니면, imgur.com 이라든가...
폴더안의 이미지랑 그외 기타 이미지로도 다 해봤어요.
이미지 주소 자체에 문제는 아닌거 같아요.ㅜㅜ
div가 중복해 있는 경우, 바깥 div는 원래 네모난 면적의 사각형 구조를 갖지 않습니다.
배경이미지를 title_txt 부분에 직접 주시거나,
아니면,
아래 붉은색 코드를 넣어보세요.
<div id="main_backimg"> |
21 | <div class="title_txt"> |
22 | <h2>글자 글자 글자</h2> |
23 | </div> |
<div style="clear:both;"></div>
24 | |
25 | </div> |
둘 다 해봤는데 변화가 없네요 ㅜㅜ
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#main_backimg{
width:1920px;
height:760px;
margin:0px;
padding:0px;
background:url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png') no-repeat center center fixed;
}
</style>
</head>
<body>
<div id="main_backimg">
<div class="title_txt">
<h2>글자 글자 글자</h2>
</div>
</div>
</body>
</html>
images를 다운받아서 서버의 img 폴더에 올린다음에
경로를 img/다운받은그림.jpg 이렇게 하면 나오지 않을까요.
네이버 경로를 정해서 처음에 된다고해도 네이버에서 페이지를 변경하면 연결이 안되니까요
css 폴더 링크의 상위폴더를 제가 안넣었었어요
그게 원인이었네요 OTL
정성스러운 답변들 감사합니다!
