css가 안먹히는 경우 ㅠㅠ
본문
.mini_b{
position:relative;
top:100px; left:900px;
width:180px; height: 65px;
border:1px solid black;
z-index: 9998;
overflow: hidden;
}
.m_img {width:180px; height: 390px;
position: absolute;;}
.m_img li{width:180px; height: 65px; }
.mini_b img{ display: none;}
.mini_b m_g1{display: block;}
.mini_nav { cursor: pointer;
position: absolute;right:360px;}
#mini_prev{top:90px;}
#mini_next{top:120px;}
.m_g1{background-image: url(image/main/mbanner3.jpg);}
.m_g2{background-image: url(image/main/mbanner5.jpg);}
.m_g3{background-image: url(image/main/mbanner6.jpg);}
.m_g4{background-image: url(image/main/mbanner4.jpg);}
.m_g5{background-image: url(image/main/mbanner7.jpg);}
.m_g6{background-image: url(image/main/mbanner2.jpg);}
.m_g7{background-image: url(image/main/mbanner1.jpg);}
///////////////
<div class="mini_nav" id="mini_prev">
<a href="#"><img src="image/main/m_b1.jpg"></a>
</div>
<div class="mini_b"> <!--mini_b-->
<ul class="m_img" id="m_img">
<li class="m_g1">
<a href="#"></a>
</li>
<li class="m_g2">
<a href="#"></a>
</li>
<li class="m_g3">
<a href="#"></a>
</li>
<li class="m_g4">
<a href="#"></a>
</li>
<li class="m_g5">
<a href="#"></a>
</li>
<li class="m_g6">
<a href="#"></a>
</li>
<li class="m_g7">
<a href="#"></a>
</li>
</ul>
</div> <!--mini_b-->
<div class="mini_nav" id="mini_next">
<a href="#"><img src="image/main/m_b2.jpg"></a>
</div>
.mini_b {} 가 전혀 안먹히는데 왜그런지 좀 알려주세요... ㅠㅠㅠㅠ 백그라운드를 줘도 안나타나고 아예 아무것도 안먹혀요 ㅠㅠㅠ
답변 4
.m_img {width:180px; height: 390px;
position: absolute;;}
.m_img li{width:180px; height: 65px; }
위의 부분을 아래처럼 변경 해보세요~
.mini_b m_img {width:180px; height: 390px; position: absolute;}
.mini_b m_img li{width:180px; height: 65px; }
사이트를 봐야 알 것 같은데요;
사이트 주소는 아직 없는데 드림위버로 보여드리는 방법도 있나요? ㅠㅠ
/extend/version.extend.php
의
내용을
define('G5_JS_VER', '17082401');
define('G5_CSS_VER', '17082401');
와 같이 변경해보시고
새로고침을 몇번 해보세요
어떻게 디자인을 하시려는건지 잘 파악은 안되지만
백그라운드가 나타나지 않는거라면 일단
.mini_b 에 있는
position: absolute; 를 코멘트아웃(또는 삭제) 해보세요.
