Question

我在我的网站上使用CSS3 Mega下拉菜单来创建菜单栏。我使用li ID nodrop来停止＆＃34; Home＆＃34;从页面链接创建下拉菜单背景：

<ul class="menu"><!-- BEGIN MENU -->

   <li id="nodrop"><a href="http://www.eco-fireplaces.co.uk">Home</a></li>

     <li><a href="" class="drop">Fireplaces</a><!-- Begin 1 column Item -->

        <div class="dropdown_1column"><!-- Begin 1 column container -->

            <div class="col_1 firstcolumn">

                <ul class="levels">

                    <li><a href="#">FreelanceSwitch</a></li>

                    <li><a href="#" class="parent">Creattica</a>
                        <ul>

nodrop＆＃34; Home＆＃34;的CSS链接：

.menu li#nodrop {
    z-index:2;
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    background:none;
    border:none;
}

出于某种原因，＆＃34; Home＆＃34;链接仍然变为白色，使其在页面背景上不可见（因为它也是白色）。我假设问题出在CSS文件中：

.menu li:hover a {
    color:#ffffff;
    text-shadow: none;
}

以上情况适用于＆＃34; Fireplaces＆＃34;链接，但我如何使我的＆＃34; Home＆＃34;链接绿色？

我是否必须将li ID #nodrop添加到.menu li:hover a CSS中，如果是，我该怎么做？

非常感谢任何帮助和建议。

您可以在我的网页上看到主页链接消失的示例（请参阅下面的链接）

链接到我的网站＆gt; http://www.eco-fireplaces.co.uk/fireplaces.html

Answer 1

是的，你必须包括Div的ID，如

li#nodrop:hover a
{
color:green;
text-shadow: none;
}

尝试在css文件中设置上述类并检查它是否有效。

由于 PRASHANT

兆下拉菜单背景悬停问题

1 个答案: