首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何修复此悬停下拉菜单

如何修复此悬停下拉菜单
EN

Stack Overflow用户
提问于 2016-06-05 19:35:41
回答 1查看 189关注 0票数 0

主要的问题是,我做了两个悬停下拉项。第一个是顶部菜单上的5-6个按钮,第二个是悬停下拉图像。现在我不知道如何为这两个对象创建不同的CSS代码。请看我的代码,你可能会理解。我想修复左上角的悬停图像。代码如下:

代码语言:javascript
运行
复制
code

https://jsfiddle.net/d4jgmo7k/

注意:图像不工作,但我想修复左上角的"ffh徽标“

EN

回答 1

Stack Overflow用户

发布于 2016-06-05 19:56:32

您可以在第一个下拉菜单中添加另一个类。例如:

代码语言:javascript
运行
复制
<div class="dropdown anotherclass" >
  <img src="images/ffhlogo5.png" alt="FFH Logo">
  <div class="dropdown-content" >
    <img src="images/ffhlogo1.png" alt="Trolltunga Norway" width="300" height="200">
    <div class="desc">FFH Logo</div>
  </div>
</div> 

然后只需在CSS中选择新类,如下所示:

代码语言:javascript
运行
复制
.dropdown.anotherclass {
/*insert specific css here*/
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37641397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档