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)图片说明

10个回答

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

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

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

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

weixin_39877284
weixin_39877284 教你一个简单方法:可以用js的鼠标移入事件
8 天之前 回复
qq_36336728
qq_36336728 我的html代码是这样的
16 天之前 回复
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的鼠标移入事件实现

weixin_42808946
weixin_42808946   2018.08.20 13:36

可以在ul上面加display: none;

wuxiaoke2009
wuxiaoke2009   2018.08.20 14:47

.menuchanpinlan:hover ul {
display:block;
}

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
关于HTML中div从display:none到display:block透明度渐增显示的实现
在编写前端页面的过程中,经常会遇到将鼠标移至链接或li上时显示div的需求。如图: 而在这过程中,为了有更好的用户体验,通常要求弹出的div显示过程是渐进的。此时可以采用以下步骤来实现: (1)在HTML中编写页面代码,并在CSS中设置要弹出的div显示display:none; HTML:
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
解决 chrome 浏览器对 div 的 display : none 不支持
试了很久,发现在style设置display:none的时候,IE是可以的,但是chrome不行 测试测试 在chrome下,“测试测试”这几个字还是占位置的,即时display:none不起效,最后将代码改成下面这样才可以。 测试测试 个人认为,chrome浏览器下,只要div还有内容,display:none就不起效,所以要将di
IE浏览器不支持display:none导致option不能隐藏的问题
项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:no
jquery的show()函数不会将某个div下面的style为“display:none”的a标签子元素也显示出来
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/52884038 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数用于显示隐藏元素,比如某个div。如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
CSS3动画下拉菜单(当transition遇到display的坑)
下拉菜单是页面中很常见的一个元素,但是和标签的默认外观实在不怎么好看,而且它们还很难通过CSS来修改成合意的样式,对hover效果的支持也不好,因此往往会使用或是、这些标签来模拟出下拉菜单的效果。 使用CSS3的transition,能够简单地实现下拉菜单的效果。 也在研究过程中发现,transition是不支持display属性的,可谓一个坑。
HTML style、display属性-如何设置隐藏、显示功能
如何设置显示、隐藏属性。
<display:column 如何隐藏列。style="display:none"只能隐藏内容,无法隐藏title
.header{ display: none; } ${file1} ${file2}
利用表格的属性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