まず普通に 出てる状態を作り
消して
ホバーで見せる
hidden 0がポイント
参考
http://weboook.blog22.fc2.com/blog-entry-359.html
<li class="line"><img src="img/menu/line.png" width="1" height="29" /></li> <li><img src="img/menu/menu-04_off.jpg" width="127" height="61" /> ここから <ul class="drop_down"> <li class="chill"><a href="<?php echo home_url(); ?>/?page_id=34">尾張旭店</a></li> <li class="chill"><a href="<?php echo home_url(); ?>/?page_id=37">日進店</a></li> </ul> ここまで </li> <li class="line"><img src="img/menu/line.png" width="1" height="29" /></li>
.drop_down{ z-index: 10000; overflow: visible!important; position: absolute; width: 127px; } .drop_down li{ width: 100%; background-color: #24AC66; /*ここで隠し*/ height: 0px!important; overflow:hidden!important; /*/ここで隠し*/ } /*ここでみせる*/ .d_navi_main_in ul li:hover .drop_down li{ height: auto!important; overflow: visible!important; } /*/ここでみせる*/ .drop_down li a{ color: #FFF; background-color: #2CB370; text-align: center; width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; } .drop_down li a:hover{ /*background-color: #ff8e00;*/ text-decoration: none; background-color: #74491C; }