Question

我想要一个具有全宽背景的导航。当悬停链接时，不仅文本链接应该下拉，而且全宽（导航）背景也应该向下滑动。

有人有想法吗？

到目前为止的代码：

    <div class="navigation" id="fdw">
        <nav>
            <ul>
                <li><a href="#">home</a>

                        <ul style="display: none;" class="sub_menu">
                            <li><a href="#">Home Service</a></li>
                            <li><a href="#">Home Responsive</a></li>
                        </ul>
                </li>
                <li><a href="#">about</a></li>
                <li>
                    <a href="#">portfolio</a>
                    <ul style="display: none;" class="sub_menu">
                        <li><a href="#">Portfolio 3 </a></li>
                        <li><a href="#">Portfolio 4 </a></li>
                        <li><a href="#">Portfolio Single</a></li>
                        <li><a href="#">Portfolio Two</a></li>
                    </ul>
                </li>
                <li><a href="#">contact</a></li>
            </ul>
        </nav>
</div>

我添加了一张图片以使其更清晰：

http://s14.directupload.net/images/141017/9b6443c4.jpg

许多人提前感谢

Answer 1

我需要更多解释。如果你只想在下拉后给下拉列表的背景，那么你可以使用这样的css。背景：红色

全宽下拉背景导航

1 个答案: