[긴급]PHP 원격 코드 실행 취약점 안내
이전 목록 다음
채택완료

div 안에 배경이미지를 넣으려하는데 등록이 안되요 ㅜㅜ

aasso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 20:45:59 16,018

백그라운드 컬러를 주면 적용되요.

그런데 백그라운드 이미지를 넣으면 적용안되네요 ㅜㅜ

도대체 원인이 뭔지 ㅜㅜ

네이버를 뒤져도 모르겠고...

도와주셔요 ㅜㅜ

Copy 
<!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>
 
div background-imag
|

답변 10개 / 댓글 5개

채택된 답변
+20 포인트
yysnet
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 20:49:21

background: url('http://kinimage.naver.net/20150112_244/1421073969764EzYrX_PNG/in0112_04.png') no-repeat center center fixed; 

답변에 대한 댓글 1개

asso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 20:54:03
해봤는데 안나와요 ㅠ_ㅠ
맨위 태그에 아이프레임이 들어가 있는데 혹시 그게 원인일까요?ㅜㅜ
aasso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-17 (금) 21:58:20

css 폴더 링크의 상위폴더를 제가 안넣었었어요

그게 원인이었네요 OTL

정성스러운 답변들 감사합니다!

김철용
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 23:04:54

images를 다운받아서 서버의 img 폴더에 올린다음에 

경로를 img/다운받은그림.jpg 이렇게 하면 나오지 않을까요.

네이버 경로를 정해서 처음에 된다고해도 네이버에서 페이지를 변경하면 연결이 안되니까요

만두야닷컴
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:32:58
Copy 
<!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>
 
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:08:19

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>

답변에 대한 댓글 1개

asso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:21:08
둘 다 해봤는데 변화가 없네요 ㅜㅜ
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:01:32

naver.net이 혹 naver.com 것이면 안 나올 수 있어요. 

(네이버 경우, 이미지 외부사이트에 링크해 사용하는 게 불가능)

 

이미지를 님 홈페이지에 올린 후 불러와 보세요.

아니면, imgur.com 이라든가...

답변에 대한 댓글 1개

asso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:03:34
폴더안의 이미지랑 그외 기타 이미지로도 다 해봤어요.
이미지 주소 자체에 문제는 아닌거 같아요.ㅜㅜ
쟁쟁반짜장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:00:46

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 속성에만 지금 쓰신 거 전부 다 넣을 수 있습니다.

aasso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:00:19

정확이는

인덱스 문서

Copy 
<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 문서

Copy 
#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 문서 

Copy 
<body>		  <div id="main_backimg">				<div class="title_txt">					<h2>An eternal Companion</h2>				</div>						</div>  </body>
 

 

body css문서

Copy 
#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 도 안되요 ㅜㅜ

답변에 대한 댓글 2개

흉내쟁이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:06:04
궁금한게 이미지 주소에 왜 네이버가 들어가있나요?
어디서 퍼오시는 이미지인건가요??

해당 이미지가 올려진 곳이 현재 작업하는 곳과 같은 도메인이 아니라면 못불러올겁니다.
그것이 가능하려면 서버에서 설정을 따로 해줘야합니다. 트래픽을 유발하기에 대부분은 불허하지요.
asso244d
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 21:10:06
흉내쟁이님

백그라운드 이미지가 적용이 안되서 검색하던중에
강의 블로그에서 퍼온 이미지예요.
이 이미지도 적용을 해봤고 그냥 제 폴더에 있는 이미지
임구르 이미지 다 적용해봤어요.
이미지 문제는 아닌거 같고
일단 아이프레임 없이
본문 캡쳐처럼 했을때 background로 변경하면 이미지는 나와요.
다만, 원래 목적인 아이프레임 안에 div 를 넣으면 다시 안나와요 ㅜㅜ
흉흉내쟁이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-03-16 (목) 20:56:13

background-image 속성에 알맞지 않은 속성 값이 들어가 있네요.

background 로 변경하세요.

단축 속성사용하시려다 실수하신 거 같아요.

그리고 fixed는 background-attachment 속성값인거 같은데, 이것도 단축속성으로 적용할 수 있는지는 모르겠네요. 작동안된다면

background-attachment : fixed; 

로 분리하셔요.

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