为什么实现不了hover显示display:none隐藏的图片

![图片说明](https://img-ask.csdn.net/upload/201808/04/1533352698_327648.png)图片说明

css
0

8个回答

.menuchanpinlan:hover ul {
    display:block;
}

12
qq_36336728
初级拍黄片学员 回复jslang: 还有为什么你后边的那个css写法可以却点击不了?
7 个月之前 回复
qq_36336728
初级拍黄片学员 好像我设置的那个区应该还要分个区吧,现在鼠标放在大框menuchanpin里无关的位置都出来了。。应该要搞个小框扩住产品的名字,让后再搞个小框扩住搜索栏吧??
7 个月之前 回复
jslang
天际的海浪 回复qq_36336728: 要鼠标移动到a链接才出现隐藏的图片,可以用 .menuchanpinlan>a:hover ~ ul{display:block;} 不过这样当你鼠标移出a链接时图片又会重新隐藏,你就不能鼠标移动到图片上进行点击
7 个月之前 回复
qq_36336728
初级拍黄片学员 你这个是能行,但是放到整个产品栏的div区域就出现隐藏的那些图了,我要的效果是鼠标在产品栏上的产品那些字那里才出现隐藏的图片!!
7 个月之前 回复
qq_36336728
初级拍黄片学员 回复qq_36336728: 哥们,给力啊!!!能解释一下吗???
7 个月之前 回复
qq_36336728
初级拍黄片学员 哥们,不如先看我html代码???
7 个月之前 回复

ul又不是a的子元素,当然没效果了。兄弟节点要用兄弟选择器 +

  .menuchanpinlan>a:hover + ul li{display:block}

2
weixin_39877284
林小康 教你一个简单方法:可以用js的鼠标移入事件
6 个月之前 回复
qq_36336728
初级拍黄片学员 我的html代码是这样的
7 个月之前 回复

display:none加在ul li里面

1

ul{
display:none;
}

1

这不是 层级关系不对

1

:hover ul把li去掉

0

css定位错了,肯定实现不了

0

教你一个方法,可以使用js的鼠标移入事件实现

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
CSS3动画下拉菜单(当transition遇到display的坑)
下拉菜单是页面中很常见的一个元素,但是和标签的默认外观实在不怎么好看,而且它们还很难通过CSS来修改成合意的样式,对hover效果的支持也不好,因此往往会使用或是、这些标签来模拟出下拉菜单的效果。 使用CSS3的transition,能够简单地实现下拉菜单的效果。 也在研究过程中发现,transition是不支持display属性的,可谓一个坑。
关于HTML中div从display:none到display:block透明度渐增显示的实现
在编写前端页面的过程中,经常会遇到将鼠标移至链接或li上时显示div的需求。如图: 而在这过程中,为了有更好的用户体验,通常要求弹出的div显示过程是渐进的。此时可以采用以下步骤来实现: (1)在HTML中编写页面代码,并在CSS中设置要弹出的div显示display:none; HTML:
鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态
html的示例代码:<div class="father"> <div class="brother-showing"> <div> <div class="element"> </div> </div>css代码:.element{ display:none; //元素默认是隐藏的 }//当鼠标经过兄弟元素brother-showing时,也就是经过父级fath
html中如何隐藏一个盒子,然后用hover让其显示
1.第一种:opacity: 0;表示透明度为0;此时盒子看不见 当设置opacity: 1;表示盒子完全显示出来2.第二种:display:none;表示盒子被隐藏不存在,display:block;表示盒子存在,被显示出来个人认为第二种好用,合适各种情景,配合hover使用。...
jquery的show()函数不会将某个div下面的style为“display:none”的a标签子元素也显示出来
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/52884038 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数用于显示隐藏元素,比如某个div。如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
f12,看到有些input标签没有display=none的表述,为什么该input却没有显示在页面上,即为什么隐藏了?
f12,看到有些input标签没有display=none的表述,为什么该input却没有显示在页面上,即为什么隐藏了? 答案是: 除了看html页面还不够,还有一个东西被忽略了,那就是css,css 可以控制让input隐藏,即在css中写display:none。 这个控件,其实是一个附件上传的功能,点击选择,就可以上传附件,将前面的input框隐藏了。 现在大部分附件
CSS3简单实现动画下拉菜单(display:none和CSS3动画之踩坑)
文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。 由于css3的动画化和display:block以及display:none这两个属性有所冲突,这里提出了一种解决方法。
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
鼠标hover的时候出现,离开的时候隐藏的效果。内容会出现闪动
如果用的是display:none ,display:block显示隐藏的就会有这个问题。因为display为none的时候是不占位置。而显示的时候又占了位置。 所以你可以用opacity li  .bottom{      opacity:0;     filter:alpha(opacity=0);     border-color:#fff; } li{border:1px s...
【CSS】纯CSS另类思路代替display、visibility解决子菜单延迟消失
  在设计子菜单时候,需要实现当鼠标移动到菜单时候,子菜单显示,否则子菜单都处于隐藏状态。实现这个功能使用js的话很简单实现,但是我想用纯CSS,使用纯CSS的话,就会遇到鼠标移开菜单后,子菜单就马上消失了(display:noe或者visibility:hidden),就鼠标还没移动到子菜单部分,子菜单就消失了,无法操作到子菜单。如下图的:当鼠标移动到A时候,B子菜单出现,且B子菜单有足够的显示...
IE6、IE7、IE8 JS控制显示隐藏兼容问题
在IE7中,使用jQuery显示:$("#a").attr("style","");隐藏:$("#a").attr("style","display:none");但是显示这个方法在IE8中不行IE8显示:$("#a").removeAttr("style");
<display:column 如何隐藏列。style="display:none"只能隐藏内容,无法隐藏title
.header{ display: none; } ${file1} ${file2}
完美解决IE浏览器 option display:none 隐藏无效
最近遇到了select 下的option需要根据前一个select选项来显示或隐藏,发现在IE下该功能无法实现。 自己在网上看了一下前辈们的解决方法,然后根据自己的实际情况改了一下,放在这里给需要的朋友。//初始化select function toggleOptionInit(obj,firstException){ var firstException = argume
通过hover简单控制盒子的显示和隐藏
&amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;无标题文档&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt; .on { width: 500px;
input 元素,父元素设置了 display:none; jquery 给input赋值后,input无值
query 给其赋值(.val("123")),赋值完毕后,将父元素显示出来,input上并没有值?? 用input type="hidden"。
利用表格的属性style=""display: none""来显示或隐藏表格
要调用的JS函数,可以用于各种属性function showadv(ino){var adv=eval("adv"+ino);//多个表格时分开var loadImg=eval("img"+ino);//多个加减呈号,分开if (adv.style.display == "") {  adv.style.display = "none";  loadImg.src="images/plus.g
js控制元素隐藏显示,显示时不用display=block
用支付宝amui时遇到一个郁闷的问题,把div设置成display:block,显示就乱了,不知道amui怎么写的css,反正这个block是不能用了,原来想通过添加移除元素的方式实现,想想有点麻烦,百度后终于找到一个方法: 隐藏时还用display:none,显示时把style属性移除就可以了:$("#adiv").removeAttr("style");
解决 chrome 浏览器对 div 的 display : none 不支持
试了很久,发现在style设置display:none的时候,IE是可以的,但是chrome不行 测试测试 在chrome下,“测试测试”这几个字还是占位置的,即时display:none不起效,最后将代码改成下面这样才可以。 测试测试 个人认为,chrome浏览器下,只要div还有内容,display:none就不起效,所以要将di
swiper display:none 后 在显示 滑动问题
只需加两行   observer:true,//修改swiper自己或子元素时,自动初始化swiper   observeParents:true//修改swiper的父元素时,自动初始化swiper
WebUploader中,父级div为display:none,点击显示无效。
在使用WebUploader上传文件时,有时候因界面操作要求,要控制其所在div的隐藏或显示,发现隐藏后,flash模式的按钮点击事件缺失,点击无效。 解决办法: 1、在显示时,先destroy 原有 uploader,再重新创建即可:代码如下, //第一次创建uploder var uploderObj = WebUploder.create(..........//此处省略 $
style.display隐藏、显示 换行问题
本文转自:http://www.cnblogs.com/lbk/archive/2006/08/14/476137.html下面的几行代码有什么问题?我要做的是当点击链接的时候下面的层显示,再点击则隐藏1点击23show4style.display="block"与style.display=""的区别:用这个控制显示和不显示,需要注意这两个的区别,用第一个会换行,因为block是一个块,它会换行,空(“”)则只显示备注:display版本:CSS1/CSS2    兼容性:IE4+   NS4+ 继承性:
jquery.style.display实现显示隐藏+时间选择效果
1、http://www.my97.net/dp/demo/index.htm 一个很好的时间控件,可以下载其js文件,用在开发中非常好用 选择日期从当天开始,第二个框只能选择第一个框中选择日期后的两个月内的日期 有效时间:
[jQuery]无法准确获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案
在开发一个弹框插件时,遇到一个需要计算隐藏弹框的高度问题。用jquery里面的方法$('box').outerHeight(true)得到隐藏层高度的值随着滚动条滚动总是不一致。没辙,放弃这一方法去获取,原来生js中的offsetHeight来试试看,$(''box")[0].offsetHeight,毫无疑问得到的值总是0。 为解决这个老大难问题,在网上看到另一较好的解决方法新增扩展jquer
IE浏览器不支持display:none导致option不能隐藏的问题
项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:no
使用setAttribute()修改display属性的坑
今天在慕课网学习的时候遇到一个问题。 有这样一个盒子: #login_box{width:300px;height:150px;background:#eee;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;} 用户登录 根据
javascript中的显示和隐藏(display属性)
display             function hidetext()           {           var mychar = document.getElementById("con");          mychar.style.display="none"; //不显示,隐藏         }           function showtex
怎样在修改标签的display属性从隐藏none到显示不换行
修改标签的display属性,隐藏为none,但是显示时,display的值可以分为block 和inline 两者的区别是block是块级的,所以在使用block时,会使该标签换行,但是inline不会换行
当容器处于隐藏状态时,调用百度地图会出现bug
#allmap{width:100%;height:500px;} .map img{max-width:none;} 部分api修改api中style里的#allmap式样(width、height)会出现白屏问题。 另外,自己写的img式样会覆盖百度地图api中的img图标式样,导致地图中图标式样出现问题。 秘钥百度官网自行申请。
js display隐藏和显示时,样式会被改变。
display显示与隐藏时,原先的样式会被改变,导致不正常显示事先定义好的样式。 1、当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析。 2、同一行反复的在"display:none;"与"display:block;"两个状态间切换时,表格的底部会持续的产生多余的空白空间以至于造成
使用display:none和visibility:hidden隐藏的区别
display:none和visibility:hidden的区别是: 1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素; 2.使用visibility:hidden比display:none性能上要好,display:none切换显示时visibi...
CSS中除了display:none以外,可以隐藏页面元素的几种方法
CSS中除了display:none以外,可以隐藏页面元素的几种方法 display:none display:none是我们最常用的隐藏页面元素的方法,使用display:none方法隐藏的页面元素,应该算是真正意义上的隐藏,因为它使元素完全不占空间,连盒模型也不生成,任何基于该元素的用户交互操作也不会起作用,并且读屏软件也读不到它,一旦某个页面元素被设置了display:none的属性后,该元...
CSS隐藏代码“Display:none;”算是SEO作弊么
   前两天,飘易开发一套小型网站程序,为了良好的用户体验,不得不隐藏部分内容以达到页面简洁的效果;程序采用了CSS+DIV设计,自然地想起了颇具争议的css隐藏代码:Display:none;,为什么说有争议呢?因为Display:none;是一把双刃剑,以前被过多地用于seo作弊,所以搜索引擎对它比较敏感。     作为CSS代码的表现样式DISPLAY本身并无过错,许多大型网站的导航系统
css - 下拉菜单
http://www.runoob.com/css/css-dropdowns.html 一、基本下拉菜单当鼠标移动到指定元素上时,会出现下拉菜单 实例:<!DOCTYPE html> <html> <head> <title>下拉菜单实例|菜鸟教程(runoob.com)</title> <meta charset="utf-8"> <style> .dropdown {
HTML style、display属性-如何设置隐藏、显示功能
如何设置显示、隐藏属性。
jquery-easyui隐藏可用不可用的问题的处理方案
使用jquery-easyui编写web软件,遇到了几个问题:   如何隐藏一个标签,如何不可用一个标签。   经常编写web的同仁都知道隐藏可用不可用一个标签是最简单不过的问题了。   使用jquery隐藏的代码:    $("#" + hideitem).css("display", "none");使用jquery不可用的代码的代码: $("#" + parent).attr
去掉div的滚动条的这个有用哦,CSS3滚动条-webkit-scrollbar简介~
最佳实践:仅在Chrome支持 webkit现在支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。 如果你想跳过介绍,直接看demo的话,请点击demo 滚动条是一个伪元素,可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染。比如: ::-webkit-scrollbar { w
tr的display属性设置为block后,发生错位的解决方法
如图 原来在ie8上运行,没有问题的,升级到ie10后,就有了这个问题 第二个td 的内容跑到第一个td里面去了,我找到了两种解决方法: 1.设置display=“”,设为空值,(空值应该就是默认值,我上w3school上查了一下,缺省值是inline,可是用inline带进去,还是有这个问题,所以缺省值不是inline,我想的,我也不清楚是什么,待解决) 2.设置display=“t
CSS中用 opacity、visibility、display 属性将 元素隐藏 的 对比分析
说明 opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见。 opacity、visibility、display 这三个属性分别取值 0、hidden、none 都能使元素在页面上看不见,但是他们在方方面面都还是有区别的。 是否占据页面空间 例子 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;!doctype html&a
关于echart在隐藏与显示轮替中的div加载显示为空的原因分析
今天遇到一个需求,需要用到echart将经济数据显示出来 加载显示都没问题!!OK 需求深入后发现要将经济数据分成农业跟工业,每个镇街都会在这两个方面中显示相应的数据,其他数据则隐藏掉。 所以要将显示的数据分农业跟工业显示 难度不大,半天就搞定了! 运行,显示,发现工业数据显示竟然为空!! 我以为是数据问题,打点跟踪后,发现不是,数据正确!! 再分析认为是js代码问题,搞了一整天发现
easyUI-datagrid属性设置display:none,加载数据或表头不显示
页面有三个选项卡,datagrid在第三个选项卡中,初始化时,第三个选项卡display:none ,加载数据或表头时,datagrid数据或表头不显示。 如果初始化时,第三个选项卡不设置隐藏(display:block或display:‘ ’),则datagrid数据正常显示,解决方法为: 在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resiz
文章热词 哈夫曼编码实现 图像修复显示细节 实战数据显示数值 ipfs图片上传下载讲解 ipfs图片上传下载逻辑
相关热词 android png 显示不了 c++语法错误显示不了 dev 为什么我的c++编不了程序 为什么学python 为什么要学习python