Question

我正在处理我下载的响应式模板。我通过php自定义编码页面，我的页面有更多类别，然后是defualt模板。

问题是，当菜单上的较低行显示菜单时，菜单会消失。叠加效果仅适用于顶行。我假设菜单仅为您在默认模板上看到的几个类别构建。我对页面的设计css编码几乎一无所知。

我忘了清楚地提到的是，所有类别都有一个子类别。但是，显示子类别的下拉悬停效果仅适用于菜单的3个顶行。菜单的下面行也有子类别，但它们没有显示。

我必须对.css文件进行哪些编辑才能正确显示所有行？

参考链接 - defualt模板：http://phantom-3.com/leoshop-pack/index.html qustion网站：http://phantom-3.com/leo-automenu-tuneup.php?u=toys-r-us

有什么建议吗？

Answer 1

在第二行菜单中添加了一些其他样式。你需要删除一个。我不确定你的代码中是如何添加的。如果您共享适当的HTML，JS和CSS，那么我们可以帮助您。现在我发现的是

 <div class="megapanel" style="display: none; opacity: 1;">
                <div class="row">
                    <div class="col1">
                        <div class="h_nav">
                            <h4>Computers/Tablets &amp; Networking</h4>
                            <ul><li><a href="leocat.php?c=162497&amp;u=toys-r-us">Monitors - Projectors &amp; Accs</a></li><li><a href="leocat.php?c=175672&amp;u=toys-r-us">Laptops &amp; Netbooks</a></li><li><a href="leocat.php?c=171485&amp;u=toys-r-us">iPads - Tablets &amp; eBook Readers</a></li><li><a href="leocat.php?c=176970&amp;u=toys-r-us">iPad/Tablet/eBook Accessories</a></li><li><a href="leocat.php?c=3676&amp;u=toys-r-us">Keyboards - Mice &amp; Pointing</a></li><li><a href="leocat.php?c=31530&amp;u=toys-r-us">Laptop &amp; Desktop Accessories</a></li><li><a href="leocat.php?c=31491&amp;u=toys-r-us">Cables &amp; Connectors</a></li><li><a href="leocat.php?c=171961&amp;u=toys-r-us">Printers - Scanners &amp; Supplies</a></li><li><a href="leocat.php?c=18793&amp;u=toys-r-us">Software</a></li><li><a href="leocat.php?c=175673&amp;u=toys-r-us">Computer Components &amp; Parts</a></li><li><a href="leocat.php?c=165&amp;u=toys-r-us">Drives - Storage &amp; Blank Media</a></li>                                    
                            </ul>   
                        </div>                          
                    </div>

                  </div>
                </div>

上面的代码不应该有内联属性。它应该在下面。

 <div class="megapanel">
                <div class="row">
                    <div class="col1">
                        <div class="h_nav">
                            <h4>Computers/Tablets &amp; Networking</h4>
                            <ul><li><a href="leocat.php?c=162497&amp;u=toys-r-us">Monitors - Projectors &amp; Accs</a></li><li><a href="leocat.php?c=175672&amp;u=toys-r-us">Laptops &amp; Netbooks</a></li><li><a href="leocat.php?c=171485&amp;u=toys-r-us">iPads - Tablets &amp; eBook Readers</a></li><li><a href="leocat.php?c=176970&amp;u=toys-r-us">iPad/Tablet/eBook Accessories</a></li><li><a href="leocat.php?c=3676&amp;u=toys-r-us">Keyboards - Mice &amp; Pointing</a></li><li><a href="leocat.php?c=31530&amp;u=toys-r-us">Laptop &amp; Desktop Accessories</a></li><li><a href="leocat.php?c=31491&amp;u=toys-r-us">Cables &amp; Connectors</a></li><li><a href="leocat.php?c=171961&amp;u=toys-r-us">Printers - Scanners &amp; Supplies</a></li><li><a href="leocat.php?c=18793&amp;u=toys-r-us">Software</a></li><li><a href="leocat.php?c=175673&amp;u=toys-r-us">Computer Components &amp; Parts</a></li><li><a href="leocat.php?c=165&amp;u=toys-r-us">Drives - Storage &amp; Blank Media</a></li>                                    
                            </ul>   
                        </div>                          
                    </div>

                  </div>
                </div>

css菜单弹出位置不显示所有行

1 个答案: