1

我在我的网站上使用 CSS3 Mega Drop Down Menu 来创建菜单栏。我使用了liIDnodrop来阻止页面上的“主页”链接创建下拉菜单背景：

<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“主页”链接的 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;
}

出于某种原因，“主页”链接的颜色仍然变为白色，使其在页面背景上不可见（因为这也是白色）。我认为问题出在此处的 CSS 文件中：

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

以上内容适用于“壁炉”链接，但如何使“主页”链接变为绿色？

我是否必须将liID包含#nodrop到.menu li:hover aCSS 中，如果是，我该怎么做？

任何帮助和建议将不胜感激。

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

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

4

1 回答 1

0

是的，您还必须包含 Div 的 ID，因为

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

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

谢谢普拉尚特

于 2013-05-04T11:40:38.300 回答