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

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

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

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

display:none加在ul li里面

1

ul{
display:none;
}

1

这不是 层级关系不对

1

:hover ul把li去掉

0

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

0

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的。是时候展现真正的技术了!
其他相关推荐
鼠标hover的时候出现,离开的时候隐藏的效果。内容会出现闪动
如果用的是display:none ,display:block显示隐藏的就会有这个问题。因为display为none的时候是不占位置。而显示的时候又占了位置。 所以你可以用opacity li  .bottom{      opacity:0;     filter:alpha(opacity=0);     border-color:#fff; } li{border:1px s...
CSS3动画下拉菜单(当transition遇到display的坑)
下拉菜单是页面中很常见的一个元素,但是和标签的默认外观实在不怎么好看,而且它们还很难通过CSS来修改成合意的样式,对hover效果的支持也不好,因此往往会使用或是、这些标签来模拟出下拉菜单的效果。 使用CSS3的transition,能够简单地实现下拉菜单的效果。 也在研究过程中发现,transition是不支持display属性的,可谓一个坑。
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
f12,看到有些input标签没有display=none的表述,为什么该input却没有显示在页面上,即为什么隐藏了?
f12,看到有些input标签没有display=none的表述,为什么该input却没有显示在页面上,即为什么隐藏了? 答案是: 除了看html页面还不够,还有一个东西被忽略了,那就是css,css 可以控制让input隐藏,即在css中写display:none。 这个控件,其实是一个附件上传的功能,点击选择,就可以上传附件,将前面的input框隐藏了。 现在大部分附件
HTML style、display属性-如何设置隐藏、显示功能
如何设置显示、隐藏属性。
鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态
html的示例代码:<div class="father"> <div class="brother-showing"> <div> <div class="element"> </div> </div>css代码:.element{ display:none; //元素默认是隐藏的 }//当鼠标经过兄弟元素brother-showing时,也就是经过父级fath
<display:column 如何隐藏列。style="display:none"只能隐藏内容,无法隐藏title
.header{ display: none; } ${file1} ${file2}
IE6、IE7、IE8 JS控制显示隐藏兼容问题
在IE7中,使用jQuery显示:$("#a").attr("style","");隐藏:$("#a").attr("style","display:none");但是显示这个方法在IE8中不行IE8显示:$("#a").removeAttr("style");
利用表格的属性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
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+ 继承性:
swiper display:none 后 在显示 滑动问题
只需加两行   observer:true,//修改swiper自己或子元素时,自动初始化swiper   observeParents:true//修改swiper的父元素时,自动初始化swiper
使用伪类hover显示隐藏
当鼠标移入某标签时,div显示,移出时,div隐藏,并且鼠标在div上时,也是显示的 记录,直接上代码 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt; .dropdown { position: relative;
IE浏览器不支持display:none导致option不能隐藏的问题
项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:no
完美解决IE浏览器 option display:none 隐藏无效
最近遇到了select 下的option需要根据前一个select选项来显示或隐藏,发现在IE下该功能无法实现。 自己在网上看了一下前辈们的解决方法,然后根据自己的实际情况改了一下,放在这里给需要的朋友。//初始化select function toggleOptionInit(obj,firstException){ var firstException = argume
jquery的show()函数不会将某个div下面的style为“display:none”的a标签子元素也显示出来
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/52884038 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数用于显示隐藏元素,比如某个div。如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
WebUploader中,父级div为display:none,点击显示无效。
在使用WebUploader上传文件时,有时候因界面操作要求,要控制其所在div的隐藏或显示,发现隐藏后,flash模式的按钮点击事件缺失,点击无效。 解决办法: 1、在显示时,先destroy 原有 uploader,再重新创建即可:代码如下, //第一次创建uploder var uploderObj = WebUploder.create(..........//此处省略 $
解决 chrome 浏览器对 div 的 display : none 不支持
试了很久,发现在style设置display:none的时候,IE是可以的,但是chrome不行 测试测试 在chrome下,“测试测试”这几个字还是占位置的,即时display:none不起效,最后将代码改成下面这样才可以。 测试测试 个人认为,chrome浏览器下,只要div还有内容,display:none就不起效,所以要将di
关于HTML中div从display:none到display:block透明度渐增显示的实现
在编写前端页面的过程中,经常会遇到将鼠标移至链接或li上时显示div的需求。如图: 而在这过程中,为了有更好的用户体验,通常要求弹出的div显示过程是渐进的。此时可以采用以下步骤来实现: (1)在HTML中编写页面代码,并在CSS中设置要弹出的div显示display:none; HTML:
CSS隐藏代码“Display:none;”算是SEO作弊么
   前两天,飘易开发一套小型网站程序,为了良好的用户体验,不得不隐藏部分内容以达到页面简洁的效果;程序采用了CSS+DIV设计,自然地想起了颇具争议的css隐藏代码:Display:none;,为什么说有争议呢?因为Display:none;是一把双刃剑,以前被过多地用于seo作弊,所以搜索引擎对它比较敏感。     作为CSS代码的表现样式DISPLAY本身并无过错,许多大型网站的导航系统
CSS3简单实现动画下拉菜单(display:none和CSS3动画之踩坑)
文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。 由于css3的动画化和display:block以及display:none这两个属性有所冲突,这里提出了一种解决方法。
javascript中的显示和隐藏(display属性)
display             function hidetext()           {           var mychar = document.getElementById("con");          mychar.style.display="none"; //不显示,隐藏         }           function showtex
当容器处于隐藏状态时,调用百度地图会出现bug
#allmap{width:100%;height:500px;} .map img{max-width:none;} 部分api修改api中style里的#allmap式样(width、height)会出现白屏问题。 另外,自己写的img式样会覆盖百度地图api中的img图标式样,导致地图中图标式样出现问题。 秘钥百度官网自行申请。
怎样在修改标签的display属性从隐藏none到显示不换行
修改标签的display属性,隐藏为none,但是显示时,display的值可以分为block 和inline 两者的区别是block是块级的,所以在使用block时,会使该标签换行,但是inline不会换行
通过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;
jquery.style.display实现显示隐藏+时间选择效果
1、http://www.my97.net/dp/demo/index.htm 一个很好的时间控件,可以下载其js文件,用在开发中非常好用 选择日期从当天开始,第二个框只能选择第一个框中选择日期后的两个月内的日期 有效时间:
input 元素,父元素设置了 display:none; jquery 给input赋值后,input无值
query 给其赋值(.val("123")),赋值完毕后,将父元素显示出来,input上并没有值?? 用input type="hidden"。
[jQuery]无法准确获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案
在开发一个弹框插件时,遇到一个需要计算隐藏弹框的高度问题。用jquery里面的方法$('box').outerHeight(true)得到隐藏层高度的值随着滚动条滚动总是不一致。没辙,放弃这一方法去获取,原来生js中的offsetHeight来试试看,$(''box")[0].offsetHeight,毫无疑问得到的值总是0。 为解决这个老大难问题,在网上看到另一较好的解决方法新增扩展jquer
解决css中hover做遮盖罩闪动问题
你好 这是html代码部分,原本想做一个遮盖罩的效果,当鼠标移动到div2的时候,div3会出现微微遮一下div2. 所以最开始的css代码是这样的 做完后发现出了一个问题,那就是鼠标移动到div2的时候div3会不停的闪烁。这并不是我想要的效果,于是我去找了很多资料,终于找到了原因 原来,当鼠标移动到div2的时候,div3会出现,这样鼠标
js display隐藏和显示时,样式会被改变。
display显示与隐藏时,原先的样式会被改变,导致不正常显示事先定义好的样式。 1、当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析。 2、同一行反复的在"display:none;"与"display:block;"两个状态间切换时,表格的底部会持续的产生多余的空白空间以至于造成
css - 下拉菜单
http://www.runoob.com/css/css-dropdowns.html 一、基本下拉菜单当鼠标移动到指定元素上时,会出现下拉菜单 实例:<!DOCTYPE html> <html> <head> <title>下拉菜单实例|菜鸟教程(runoob.com)</title> <meta charset="utf-8"> <style> .dropdown {
js控制元素隐藏显示,显示时不用display=block
用支付宝amui时遇到一个郁闷的问题,把div设置成display:block,显示就乱了,不知道amui怎么写的css,反正这个block是不能用了,原来想通过添加移除元素的方式实现,想想有点麻烦,百度后终于找到一个方法: 隐藏时还用display:none,显示时把style属性移除就可以了:$("#adiv").removeAttr("style");
去掉div的滚动条的这个有用哦,CSS3滚动条-webkit-scrollbar简介~
最佳实践:仅在Chrome支持 webkit现在支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。 如果你想跳过介绍,直接看demo的话,请点击demo 滚动条是一个伪元素,可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染。比如: ::-webkit-scrollbar { w
javascript获取隐藏元素(display:none)的高度和宽度的方法(转)
类型:转载 时间:2014-06-06 这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下 js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下: function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和
CSS中除了display:none以外,可以隐藏页面元素的几种方法
CSS中除了display:none以外,可以隐藏页面元素的几种方法 display:none display:none是我们最常用的隐藏页面元素的方法,使用display:none方法隐藏的页面元素,应该算是真正意义上的隐藏,因为它使元素完全不占空间,连盒模型也不生成,任何基于该元素的用户交互操作也不会起作用,并且读屏软件也读不到它,一旦某个页面元素被设置了display:none的属性后,该元...
JS 结点(属性操作)隐藏与显示(display)
JS 结点(属性操作)隐藏与显示(display): 用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可
动态添加的遮罩层,第一次执行display:none有效,当再次执行的时候失效
在js中动态给页面添加遮罩层,当点击“是”按钮的时候,遮罩层消失,还停留在当前页面,当点击“否”按钮的时候,则跳转到别的页面 问题:当第一次执行点击“是”按钮的时候,遮罩层会消失;第二次点击“是”按钮的时候,代码有执行,但是遮罩层没有消失 js部分代码: //点击提示框的“是“按钮事件,将添加的背景和提示框从body中移出 clickYesBtn = function(){
解决option设置display:none不兼容ie的问题
注意:1.option设置display:none不兼容ie的问题 2.option的外包含标签和内包含标签浏览器都不读取自动拦截,也不报错。 解决display:none的兼容问题 &amp;lt;!DocType html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;/head...
关于display:none元素的宽高获取问题
在做项目的时候碰到的这个问题,最后解决了,记录一下:分几种情况:1.正常情况 <div style="width:500px; height:300px;"> <div id="div1" style="width:100%; height:100%; background-color:red;"> <div id="child" style="widt
easyUI-datagrid属性设置display:none,加载数据或表头不显示
页面有三个选项卡,datagrid在第三个选项卡中,初始化时,第三个选项卡display:none ,加载数据或表头时,datagrid数据或表头不显示。 如果初始化时,第三个选项卡不设置隐藏(display:block或display:‘ ’),则datagrid数据正常显示,解决方法为: 在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resiz
iframe用display:none隐藏后,仍然能产生一次有效的访问
display:none这段css代码只是把iframe隐藏起来,但程序仍然会访问目标地址,用户却是看不见的 比如: 《iframe name='hideFrame' style="display:none;" src="http://www.google.com" > 把这段代码放在html页面中,虽然什么都看不到,但是打开这个页面时,就会访问谷歌的网页