gpt4 book ai didi

html - 向下悬停子菜单 div 后,下拉菜单颜色未恢复

转载 作者:行者123 更新时间:2023-11-28 18:38:39 25 4
gpt4 key购买 nike

这很有趣。

CSS:

    #menu>li>a:link, #menu>li>a:visited {
color:#002349;
display: block;
float: left;
width: auto;
font-weight: 500;
font-size: 18px;
text-decoration:none;
text-transform: lowercase;
padding: 10px 10px;
}

#menu>li:hover>a {
color:#fff;
text-decoration: none;
background-color: #002349;
}

.submenu {
position:absolute;
left: -9999px;
padding:0px 0px 0px 0px;
top:32px;
margin: 0px;
text-align: left;
background-color: #002349;
width: auto;
z-index: 20;
}

#menu li:hover .submenu {
display:block;
position: absolute;
left:0px;
}

.submenu li {
text-align: left !important;
margin:0px 0px 0px 0px !important;
padding: 0px;
display:block;
clear:both;
}

.submenu li a:link, .submenu li a:visited {
color:#fff !important;
font-size: 12px;
margin: 0px;
padding:5px 12px 7px 12px !important;
margin: 0px !important;
display: block;
text-transform: uppercase;
white-space: nowrap;
}

.submenu li a:hover, .submenu li a:active {
color:#fff !important;
background: #666 !important;
text-decoration: none;
}

HTML:

<ul id="menu">
<li><a href="http://jamie.brixwork.com/why-jamie-realtor" title="Meet Jamie MacDougall">why jamie</a>
</li>
<li><a href="http://jamie.brixwork.com/why-sothebys" title="Why Sotheby's International?">why sotheby's</a>
</li>
<li><a href="http://jamie.brixwork.com/listings" title="Featured Real Estate Listings">featured listings</a>
<ul class="submenu">
<li><a href="http://jamie.brixwork.com/listings/pageid-8/city-North+Vancouver/page-1" title="Featured Real Estate Listings">North Vancouver</a></li>
<li><a href="http://jamie.brixwork.com/listings/pageid-9/city-West+Vancouver/page-1" title="Featured Real Estate Listings">West Vancouver</a></li>
</ul>
</li>
</ul>

你可以在这里看到整个页面: http://jamie.brixwork.com/why-sothebys

用鼠标在“列表”菜单上移动。如果您的鼠标退出 UPWARDS 或 SIDEWAYS,原始文本颜色(深蓝色)会恢复。

但是,如果您继续进入下拉菜单 (),然后通过将鼠标向下移出子菜单退出,则顶部菜单的文本颜色不会变回。

为什么会这样?我有 :hover on the top

  • 标签,因为我希望在悬停子菜单时悬停效果在顶部菜单项上生效,所以我不能将悬停效果仅放在标签上顶部菜单。

  • 最佳答案

    https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10

    事实证明这是一个 CUFON 问题,检测已关闭。 FAQ #10 有答案……虽然我什至不明白那是什么意思。 :( 但是从他们的示例中复制粘贴一个片段解决了这个问题。

    我将我的 CUFON 替换代码更改为:

    Cufon.replace('#menu>li', { fontFamily: 'gillsans', hover:true,
    hoverables: { li: true },
    ignore: { ul: true },
    textless: { li: true }
    });

    关于html - 向下悬停子菜单 div 后,下拉菜单颜色未恢复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12100862/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com