永发信息网

CSS做下拉菜单用display还是visibility啊?

答案:3  悬赏:10  手机版
解决时间 2021-08-01 04:33
  • 提问者网友:雨不眠的下
  • 2021-07-31 07:07

RT

写一个参考啊

只要写css就行..

HTML如下:

<div class="kf">
<ul>
<li>
<a href="#">首页</a>
<ul>
<li>
<a href="#">咖啡</a>
</li>
</ul>
</li>
</ul>
</div>

最佳答案
  • 五星知识达人网友:怀裏藏嬌
  • 2021-07-31 08:16

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
ul.dis {display:none}
ul li:hover ul {display:block}
</style>
</head>


<body>
<div class="kf">
<ul>
<li><a href="#">首页</a>
<ul class="dis">
<li><a href="#">咖啡</a></li>
</ul>
</li>
</ul>
</div>


</body>
</html>



随便套了下,真想做好看,得花些工夫

全部回答
  • 1楼网友:空山清雨
  • 2021-07-31 10:41

用display

  • 2楼网友:独钓一江月
  • 2021-07-31 09:14

当然是display了

display=“none”是不占用位置的而

visibility=“none”虽然不显示 ,但是还会占位置

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯