0

http://nqmedia.co.uk/

個人をロールオーバーすると、オプションがすぐに消えるように見えます。

スタイリングと関係があると思います

これが私のコードです：

.topmenu {float: right; width: 710px; height: 45px; background-color: #3a5a93; margin-top: 50px; border-top-left-radius: 10px 15px;border-top-right-radius: 10px 15px; border-bottom-left-radius: 10px 15px; border-bottom-right-radius: 10px 15px;}
.topmenu ul li {padding-top: 10px; float: left; margin-left: 10px;}
.topmenu ul li a:link {padding: 10px 20px; font: 14px genevaregular; color: #fff; text-decoration: none;}
.topmenu ul li a:visited {padding: 10px 20px; font: 14px genevaregular; color: #fff; text-decoration: none;}
.topmenu ul li a:hover {padding: 10px 20px; font: 14px genevaregular; color: #fff; text-decoration: none;}
.topmenu ul li a:active {padding: 10px 20px; font: 14px genevaregular; color: #fff; text-decoration: none;}
.topmenu ul li.current-menu-item a {color: #fff; }
.topmenu ul ul li {background-color: #3a5a93; padding:10px;float: none;}
.topmenu ul ul li:hover {background-color: #637ead; }
.topmenu ul ul {display: none; position: absolute; margin-top: 12px;}
.topmenu ul li:hover > ul {display: block;}
.topmenu ul ul li a {padding: 10px;}
4

1 に答える 1

2

に変更position: absolute;するだけで、意図したとおりに機能します.topmenu ul ul。position: relative;

于 2013-02-26T19:50:04.490 に答える