我的菜单无法显示啊

我的菜单无法显示啊

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>油画商城</title>

<link rel="stylesheet" type="text/css" href="css/common.css">

<script type="text/javascript" src="js/js1.js"></script>

</head>

<body>

    <div class="header">

    <div class="logo">

    <img src="image/logo.png">

    </div>

    <div class="menu">

    <div class="menu_title"><a href="">内容分类</a></div>

    <ul>

    <li>现实主义</li>

    <li>抽象主义</li>

    </ul>

    </div>

    </div>

    <div class="content"></div>

    <div class="footer"></div>

</body>

</html>

*{

margin: 0px;

padding:0px;

}

.header{

margin: 25px auto 0 50px;

}


.header .menu li{

display: none;

}


.header .logo{

float: left;

position: relative;

}


.header .menu{

float: left;

position: relative;

margin-top: 12px;

margin-left: 16px;

}


.header .menu:hover ul{

display: block;

}


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
guly 2020-04-15 11:29:36

你好,修改如下:

http://img1.sycdn.imooc.com//climg/5e967f8809948af706480232.jpg

如果解决您的问题请采纳,祝学习愉快!

guly 2020-04-15 10:37:02

你好,你说的菜单无法显示是不是

内容分类下的ul无法显示,http://img1.sycdn.imooc.com//climg/5e967326090ac66808360515.jpg


建议修改样式:

http://img1.sycdn.imooc.com//climg/5e96733a099e9a0e04890315.jpg

如果解决 您的问题请采纳,祝学习愉快!

  • 提问者 慕粉0597577 #1
    就是鼠标放置在内容分类超级链接上的时候显示下面的ul内容啊 你这么做不还是没有实现显示吗
    2020-04-15 10:39:35
  • 提问者 慕粉0597577 #2
    课堂讲的两种方式,一种是用css样式实现,就是在内容分类超级链接那个上面添加hover 作用在ul上让ul块状显示
    2020-04-15 10:40:51
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师