0

当我最小化浏览器窗口时，下拉菜单会向上和向左移动，如何纠正它？

这是css代码：

div#secondary-menu {    bottom: -62px; position: relative;    z-index: 5;   text-align:center; margin:auto; width:100%;}

    ul#secondary {    display: inline-block;    font-size: 13px;    padding: 0 !important; }
    ul#secondary li { padding-right: 12px; }
    ul#secondary li a { color:#fff; text-shadow: 1px 1px 1px #105059; padding: 6px 0px 13px 9px; }
    ul#secondary li a:hover {text-decoration: none; color:#eeeeee;}
    ul#secondary ul { background: url(images/secondary-dropdown-bg-blue.png) no-repeat bottom left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; padding: 8px 0px 17px 15px; width: 173px; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.4); z-index: 200; }

#secondary li:hover ul, #secondary li.sfHover ul { top:39px; }
#secondary ul li:hover ul, #secondary ul li.sfHover ul { top:-8px; }
ul#secondary > li { background: url(images/secondary-menu-linkbg-blue.png) no-repeat left bottom; }             ul#secondary > li.sf-ul.sfHover { background: url(images/secondary-menu-linkbg-blue.png) no-repeat bottom right;  }     ul#secondary > li.sf-ul.sfHover > a { background: url(images/secondary-menu-linkbg-blue.png) no-repeat top left; display: block; color: #000000; text-shadow: none; color: #ffffff; text-shadow: 1px 1px 1px #737373;}
ul#secondary ul li a { background: url(images/secondary-dropdown-bullet.png) no-repeat 0px 12px; padding: 5px 3px 5px 15px; text-align:left; width:155px; font-size: 90%; }
ul#secondary ul li a:hover { color: #8eaeb1; text-shadow: 1px 1px 1px #0b454e; }

这里是网站的链接：

http://demo.nextsyntax.com/goldcoast/

问候

4

0 回答 0