翻转菜单css3

时间:2013-04-08 08:13:06

标签: css3 menu hover transition rollover

翻转菜单css3出现问题。 我需要创建这样的东西:

enter image description here

我坐在这两天,我仍然有问题。 有我的进步(右上角): http://dash.com.pl/CTP/index.html#

所以,问题是,当我将position:absolute设置为此时,我无法显示第二个ul。 我也不能将padding-bottom设置为第一个UI。

当然我犯了一些错误,如果有人能看出我做错了什么,我将不胜感激。

http://jsfiddle.net/SD58Z/800/

2 个答案:

答案 0 :(得分:1)

在你的CSS添加

#language {overflow: hidden; }

顺便说一句,请在关闭div之前关闭链接!

<div> <a href="#"> Link</a></div>

答案 1 :(得分:0)

您好,您应该关闭<a>内的div标记并更改html代码,如下所示:

<ul class="language" id="language">
     <li><div id="sve"><a href="#">svensk<div id="ico"><span></span></div></a></div>                
         <div id="uk"><a href="#">english</a></div>             
     </li>
</ul>