내 웹 사이트의 메뉴 드롭 다운이 오작동하고 화면에 멈추었습니다. 수정 방법을 모르십시오. http://www.kingadlerhomedecor.com/store/드롭 다운 메뉴를 수정하는 방법 오작동이 무엇입니까?
이 드롭 다운에 하위 카테고리를 추가하고 싶지만 드롭 다운 목록을 너무 길게 만들고 싶지는 않습니다. 따라서 하위 카테고리의 길이 목록을 조정하기 위해 드롭 다운에 2 행이 필요하지만 대신 새로운 문제가 발생합니다. 드롭 다운 메뉴 항목이 반 고정되어있어 불가능합니다. 이 문제를 해결할 수 있습니다.
변경을하지 않았지만 오작동을 일으켰습니다. 내 화면에 드롭 다운 메뉴가 고착되지 않도록하는 방법을 모르겠습니다. 제발 조언.
/* MENU */
.primary-define #menu {
\t text-align: left;
\t font-family: helvetica, Arial;
\t /*background-color: #999;*/
}
.primary-define #menu-inner {
\t position: relative;
\t font-family: helvetica, Arial;
\t background-color: #999; /*No color was added origninally - added to make it grey*/
}
.primary-define .mainmenu {
\t margin: 0;
\t padding: 0;
\t position: relative;
\t list-style-type: none;
}
.primary-define .mainmenu li {
\t margin: 0;
\t padding: 0;
\t position: relative;
\t
}
.primary-define .mainmenu > li {
\t float: left;
\t /*background-color: #999;*/
\t
}
.primary-define .mainmenu li a {
\t color: #666; /*originial #666*/
\t display: block;
\t font-size: 10px; /*original 15px */
\t padding: 0.5px 1px; /*20px 25px */ /*Padding for the dropdown elements*/
\t text-decoration: none;
\t /*background-color: #999;*/
\t
}
.primary-define .mainmenu > li > a {
\t color: #fff;
\t padding: 15px 25px; /*35px*/
\t font-size: 14px; /*original 18px */
\t font-weight: 600;
\t line-height: 100%;
\t font-family: helvetica, Arial;
}
.primary-define .mainmenu > li:hover > a,
.primary-define .mainmenu > li.active > a {
\t background-color: rgba(0, 0, 0, 1); /*rgba(0, 0, 0, 0.2)*/
\t /*font-size: 15px;*/
}
.primary-define .mainmenu li .dropdown-container {
\t top: 99%;
\t overflow: hidden;
\t position: absolute; /*absolute*/
\t padding-left: 1px; /*added by yuvi*/
\t font-size: 30px; /*added by yuvi*/
}
.primary-define .mainmenu li .dropdown {
\t margin-top: -300px; /*-999px*/
\t background-color: #fff;
\t border-left: 1px solid #eee;
\t border-bottom: 1px solid #eee;
\t font-size: 30px; /*added by yuvi*/
\t padding: 10px;
}
.primary-define .mainmenu li:hover .dropdown {
\t margin-top: 0;
\t /*font-size: 30px; added by yuvi*/
}
}
.primary-define .mainmenu ul {
\t margin: 0;
\t float: left;
\t width: auto; /*249px*/
\t list-style-type: none;
\t border-right: 1px solid #eee;
\t
}
.primary-define .mainmenu ul li:hover a,
.primary-define .mainmenu ul li.active a {
\t background-color: #eee; /*orginiarl #eee*/
을 의미? 그것은 나를 위해 잘 작동합니다 (FF Windows7 및 Chromium Ubuntu) – Devin
Mozilla에서는 좋지 않으며 크롬에서는 더 나쁩니다. 고쳐지지 않는 것 같습니다. – yuvi707
최신 FF 및 Chrome에서 문제가 발생하지 않습니다. 두 드롭 다운 모두 정상적으로 작동하는 것 같습니다. 나는 여기에서 유일한 문제는 당신이 문제를 적절하게 묘사하지 않았다는 것입니다 - 아마도 다른 곳 (또는 당신의 오작동에 대한 이해가 다른 것들과 다릅니다)에 놓여있을 것입니다. – shadyyx