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