2 qq 36336728 qq_36336728 于 2018.08.04 11:18 提问

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

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

8个回答

jslang
jslang   2018.08.04 15:15
已采纳
.menuchanpinlan:hover ul {
    display:block;
}

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

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

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

weixin_39877284
weixin_39877284 教你一个简单方法:可以用js的鼠标移入事件
2 个月之前 回复
qq_36336728
qq_36336728 我的html代码是这样的
3 个月之前 回复
qq_40033482
qq_40033482   2018.08.04 20:32

display:none加在ul li里面

weixin_42737410
weixin_42737410   2018.08.06 14:12

ul{
display:none;
}

xiangjing163
xiangjing163   2018.08.08 16:01

这不是 层级关系不对

qq_29291593
qq_29291593   2018.08.10 10:59

:hover ul把li去掉

u014201191
u014201191   2018.08.10 15:56

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

weixin_39877284
weixin_39877284   2018.08.12 18:37

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态
html的示例代码:<div class="father"> <div class="brother-showing"> <div> <div class="element"> </div> </div>css代码:.element{ display:none; //元素默认是隐藏的 }//当鼠标经过兄弟元素brother-showing时,也就是经过父级fath
CSS3简单实现动画下拉菜单(display:none和CSS3动画之踩坑)
文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。 由于css3的动画化和display:block以及display:none这两个属性有所冲突,这里提出了一种解决方法。
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
关于HTML中div从display:none到display:block透明度渐增显示的实现
在编写前端页面的过程中,经常会遇到将鼠标移至链接或li上时显示div的需求。如图: 而在这过程中,为了有更好的用户体验,通常要求弹出的div显示过程是渐进的。此时可以采用以下步骤来实现: (1)在HTML中编写页面代码,并在CSS中设置要弹出的div显示display:none; HTML:
IE浏览器不支持display:none导致option不能隐藏的问题
项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:no
IE6、IE7、IE8 JS控制显示隐藏兼容问题
在IE7中,使用jQuery显示:$("#a").attr("style","");隐藏:$("#a").attr("style","display:none");但是显示这个方法在IE8中不行IE8显示:$("#a").removeAttr("style");
jquery的show()函数不会将某个div下面的style为“display:none”的a标签子元素也显示出来
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/52884038 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数用于显示隐藏元素,比如某个div。如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
解决 chrome 浏览器对 div 的 display : none 不支持
试了很久,发现在style设置display:none的时候,IE是可以的,但是chrome不行 测试测试 在chrome下,“测试测试”这几个字还是占位置的,即时display:none不起效,最后将代码改成下面这样才可以。 测试测试 个人认为,chrome浏览器下,只要div还有内容,display:none就不起效,所以要将di
css元素hover時控制另一个元素的显示隐藏
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,c
swiper display:none 后 在显示 滑动问题
只需加两行   observer:true,//修改swiper自己或子元素时,自动初始化swiper   observeParents:true//修改swiper的父元素时,自动初始化swiper