css下拉菜单隐藏（可以用css方法做一下吗display的我先隐藏了不知道怎么显示了直接用block出不来）

本文目录

• 可以用css方法做一下吗display的我先隐藏了不知道怎么显示了直接用block出不来
• 请问用css3怎么实现下拉菜单，通俗易懂的代码可以吗
• CSS 如何把textarea 的边框框隐藏掉，包括下拉框
• css下拉菜单的问题 为什么这段代码怎么总是显示不出来
• bootstrap下拉菜单如何设置当鼠标移出时自动隐藏下拉菜单
• 怎样用CSS使列表菜单下拉框边框隐藏，要IE6、IE7、IE8、FF兼容
• div+css 导航条 下拉菜单不隐藏
• CSS用hover做下拉菜单，滑上去效果出来了，但是弹出来的下拉菜单还没滑上去就不见了怎么解决啊

可以用css方法做一下吗display的我先隐藏了不知道怎么显示了直接用block出不来

这是一个下拉菜单的例子，里面有隐藏和显示，显示用的是hover属性，这个属性就是鼠标移动到该标签执行里面的代码html代码-----------------------------------------------《h3》下拉菜单《/h3》《p》鼠标移动到按钮上显示下拉菜单《/p》《div class="dropdown"》《button class="dropbtn"》下拉菜单《/button》《div class="dropdown-content"》《a href="#"》链接 1《/a》《a href="#"》链接 2《/a》《a href="#"》链接 3《/a》《/div》《/div》css代码--------------------------------------------------------------------------------------.dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}.dropdown {position: relative;display: inline-block;}.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}.dropdown-content a:hover {background-color: #f1f1f1}.dropdown:hover .dropdown-content {display: block;}.dropdown:hover .dropbtn {background-color: #3e8e41;}

请问用css3怎么实现下拉菜单，通俗易懂的代码可以吗

《!DOCTYPE html》《html lang="en"》《head》《meta charset="UTF-8"》《title》Title《/title》《style type="text/css"》/*隐藏下拉列表*/.list{display: none;}/*鼠标移动显示下拉列表*/.menu:hover .list{display: block;}《/style》《/head》《body》《div class="menu"》《a href="#"》下拉菜单《/a》《div class="list"》《ul》《li》1《/li》《li》2《/li》《li》3《/li》《/ul》《/div》《/div》《/body》《/html》

CSS 如何把textarea 的边框框隐藏掉，包括下拉框

《textarea style="border:none;width:200px;height:30px;"》《/textarea》

 你可以按上面的CSS代码试一下。border:none这个表示隐藏边框。

css下拉菜单的问题 为什么这段代码怎么总是显示不出来

添加两个函数：function mOver(){document.getElementById("curr2").style.display="block";}function mOut(){document.getElementById("curr2").style.display="none";}完全修改代码如下，内容可自己具体改：《style type="text/css"》《html》《head》《style》*{margin:0;padding:0;}a{ color:#fff; display:block; text-decoration:none;}a:hover{ text-decoration:underline;}li{ list-style:none;}.nav{ height:300px; padding:0 20px; background-color:#666666; font-size:14px; overflow:hidden;}.nav ul li{ float:left; width:80px; text-align:center; line-height:30px; margin-right:5px; }.nav ul li:hover a{ background-color:#efefef; color:#000;}.nav ul .curr{position:relative;}.nav ul .curr ul{display:none; z-index:999;position:absolute; top:30px; left:0px; width:600px; height:100px; border:1px solid #ff0000;}《/style》《script》function mOver(){document.getElementById("curr2").style.display="block";}function mOut(){document.getElementById("curr2").style.display="none";}《/script》《/head》《body》《div style="height:60px; background-color:#ccc;"》《/div》《div class="nav"》《ul》《li》《a href="#"》首页《/a》《/li》《li》《a href="#"》新闻《/a》《/li》《li class="curr"》《a href="#" id = "curr1" onmouseover="mOver()" onmouseout="mOut()"》游戏《/a》《ul id = "curr2"》《li》《a href="#"》QQ游戏《/a》《/li》《li》《a href="#"》QQ游戏《/a》《/li》《li》《a href="#"》QQ游戏《/a》《/li》《li》《a href="#"》QQ游戏《/a》《/li》《li》《a href="#"》QQ游戏《/a》《/li》《li》《a href="#"》QQ游戏《/a》《/li》《/ul》《/li》《li》《a href="#"》帮助《/a》《/li》《/ul》《/div》《!--《div style="clear:both; overflow:hidden"》《img src="test.png"/》《/div》--》《/body》《/html》

bootstrap下拉菜单如何设置当鼠标移出时自动隐藏下拉菜单

实际上比较简单，只需要加一个css设置下hover的状态，把下拉菜单设置成block，具体css：.nav》li:hover.dropdown-menu{display:block;}这句css加在bootstrap.min.css之后出现的css中，你试下！

怎样用CSS使列表菜单下拉框边框隐藏，要IE6、IE7、IE8、FF兼容

css无法满足你上面的要求，css对html控件的控制不全面。唯一办法是：自己做个假的下拉菜单来模拟，然后用 javascript 把值传给真正的html列表下拉菜单。例如：淘宝你确认收到货物点付款后评分那个1-5分的五角星打分，按html表单就应该是5个很丑的单选项：1分⊙　2分○　3分○　4分○　5分○ 淘宝把它做成了5个空链接，并用css给予5个五星背景图，点了以后把参数传给html表单。

div+css 导航条 下拉菜单不隐藏

div+CSS自制导航条，简单的小例子：

《style》    * {margin:0; padding:0; list-style:none;}    #ul1 {width:954px; margin:10px auto;}    #ul1 li {width:104px; height:36px; border:1px solid #999; float:left; position:relative;}    #ul1 li span {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; line-height:36px; z-index:2;}    #ul1 li em {position:absolute; left:0; bottom:0; width:100%; height:0; z-index:1; opacity:0.4; filter:alpha(opacity:40);}    《/style》    《script src="move.js"》《/script》    《script》    window.onload=function (){    var aLi=document.getElementById(’ul1’).children;    var aEm=document.getElementsByTagName(’em’);        for (var i=0; i《aLi.length; i++)    {    (function (index){    aLi.onmouseover=function (){        for (var i=0; i《aEm.length; i++)    {    move(aEm, {height:0}, {’duration’:1000,’easing’:’ease-in’});    }        move(aEm, {height: 36}, {’duration’:1000,’easing’:’ease-out’});    };    })(i);        }    };    《/script》    《/head》    《body》    《ul id="ul1"》    《li》       《span》我的主页《/span》           《em style="background:#F00"》《/em》       《/li》    《li》       《span》新闻头条《/span》           《em style="background:#0F0"》《/em》       《/li》    《li》       《span》电视剧《/span》           《em style="background:#00F"》《/em》       《/li》    《li》       《span》最新电影《/span》           《em style="background:#F0F"》《/em》       《/li》    《li》       《span》小游戏《/span》           《em style="background:#FF0"》《/em》       《/li》    《li》       《span》小说大全《/span》           《em style="background:#0FF"》《/em》       《/li》    《li》       《span》旅游度假《/span》           《em style="background:#C0F"》《/em》       《/li》    《li》       《span》品牌特卖《/span》           《em style="background:#F0C"》《/em》       《/li》    《li》       《span》今日团购《/span》           《em style="background:#0CC"》《/em》       《/li》    《/ul》    《/body》

CSS用hover做下拉菜单，滑上去效果出来了，但是弹出来的下拉菜单还没滑上去就不见了怎么解决啊

这个你要加个钩子 就是你要加多一个层，这个层放在菜单的后边，菜单放到这个层上面，当鼠标进入这个层时，将这个层的高变长就可以了当鼠标移出这个层时，这个层的高度回到默认。类似下面 自己试着琢磨，其实也可以先将ul隐藏 鼠标进入div时显示《div id="menu"》体育《br/》《ul》《li》..《/li》《li》..《/li》《li》..《/li》《/ul》《/div》#menu{overflow:hidden;height:20px;}#menu:hover {height:100px;}