메인 페이지 인덱스 백그라운드 이미지 삽입 질문입니다.
본문
안녕하세요~ 현재 메인 화면을 보면 아래에 상품들이 나열되는데, 그 옆에 위의 이미지처럼 배경 이미지를 넣고 싶은데, 어디를 손대야 하는지 잘 몰라서 이렇게 질문올립니다. 많은 조언 부탁드립니다.
<!-- 콘텐츠 시작 { -->
<div id="containers">
<?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><div id="wrapper_title"><?php echo $g5['title'] ?></div><?php } ?>
<!-- 글자크기 조정 display:none 되어 있음 시작 { -->
<!-- 히트상품 시작 { -->
<?php if($default['de_type1_list_use']) { ?>
<section class="sct_wrap">
<?php
$list = new item_list();
$list->set_type(1);
$list->set_view('it_img', true);
$list->set_view('it_id', true);
$list->set_view('it_name', true);
$list->set_view('it_basic', true);
$list->set_view('it_cust_price', true);
$list->set_view('it_price', true);
$list->set_view('it_icon', true);
$list->set_view('sns', true);
echo $list->run();
?>
</section>
<!-- } 히트상품 끝 -->
<?php } ?>
<?php
include_once(G5_THEME_SHOP_PATH.'/shop.tail.php');
?>
답변 2
<div id="containers"> 윗 단에 <div id="wrapper"> 가 있을 겁니다.
그 위쪽에 이렇게 넣고..
<?php if(defined('_INDEX_')) { ?>
<div style="background:url('/img/bg.jpg') center top">
<?php } ?>
<div id="wrapper">
<!-- 콘텐츠 시작 { -->
<div id="container">
shop.tail.php 파일에서 이렇게 닫아주고..
</div>
</div>
<?php if(defined('_INDEX_')) { ?></div><?php } ?>
배경이 반복되네요..;; repeat 코드는 먹히지도 않는거 같고 어떻게 처리해야하나요?
반복 금지 태그 먹힐 텐데요?
<div style="background:url('/img/bg.jpg') no-repeat center top">
일단은 해당 css에서 id값이 containers인 #containers부분을 찾아보세요.
이 부분이 페이지 가로 크기와 동일하다면 이 부분에 backrgound-image로 이미지를 배경으로 지정하시면 될 것 같구요.
만인 상품 영역부분만을 지정하고 있다면 #containers부분만으로는 안될것 같구요.
그 윗단의 div를 확인해 보시거나 별도로 레이아웃에 div를 추가해서 구성해 주셔야 할듯 합니다.
div를 별도로 지정하여 넣어봤는데, 겹치질 않더군요.. 이미지처럼 완전히 겹치도록은 어려운건가요..?
