IE hover 之后子元素不消失的解决办法

最新推荐文章于 2021-01-10 18:46:25 发布

weixin_30748995

最新推荐文章于 2021-01-10 18:46:25 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lvke/p/4428746.html

本文介绍了一个关于子元素在切换display属性时出现不消失的问题，并提供了解决方案：通过设置子元素的margin-left为-999px来使其在视觉上消失。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

切换子元素的display:none跟display:block会引起子元素不消失的bug，

解决办法为设置子元素margin-left:-999px;

转载于:https://www.cnblogs.com/lvke/p/4428746.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30748995

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ie6 hover 子元素无效bug

diaosheng8387的博客

01-24

121

_zoom:1; _overflow: visible; 转载于:https://www.cnblogs.com/anyaran/p/3532432.html

IE下a:hover样式失效问题

weixin_30507481的博客

10-10

240

今天碰到IE下a:hover样式失效问题调整了半天最后发现是同事把a标签的属性href写成了 herf ,郁闷～～～～～ IE6中a标签没有href属性直接用onclick时也会出现这种情况转载于:https://www.cnblogs.com/muyou/archive/2012/10/10/2718687.html...

参与评论您还未登录，请先登录后发表或查看评论

IE6中a:hover选择子元素失效

鬼眼邪神

05-10

502

h2{font-size:16px;font-weight:bold;}pre{overflow-y:scroll;height:300px;border:1px solid #999;} 1.问题代码 HTML5 a:hover span { display:none; } 我是中国人在其它浏览器中，当把鼠标放到链接上时，“中国人”这三个字会消失，但是在IE

IE6下hover伪类显示隐藏子元素bug及解决方案

yan_zhizi3的专栏

05-22

1743

周所周知，ie6只有a元素支持hover伪类，在实际应用中，为了兼容ie6，有时候会使用a元素来做子元素的显示及隐藏，比如下图：黄色小tips默认隐藏，鼠标hover到“促”字图标后，黄色tips显示。这种简单的交互可以直接使用a标签的hover伪类实现，但在ie6下，这种伪类方法会有一些奇怪的问题，下面用一个简单的demo来演示这种情况下所遇到的问题。 HTML代码：

hover父元素,不希望子元素消失（子元素盒子在下方展开，但鼠标移到子元素时盒子却消失了）

鲁宽宽的博客

03-22

4469

问题： 1.hover注销父元素时，展开11111111子元素盒子下拉框； 2.鼠标移动到11111111子元素时，不希望11111111盒子消失；但有时候却消失了；原因：‘注销’ 此元素可能存现绝对定位；而它的同级元素也有相对定位且同级元素的宽度长到足以影响 ‘注销’ 此元素hover; 解决方法：找到使用绝对定位的代码，在其中加入 z-index : 1;提高权重；一定要找到...

鼠标经过标题上显示不同层的内容

10-30

4272

鼠标经过标题上显示不同层的内容下面是一个完整的代码,复制下来可以直接运行!我已经测试过了,测试已经通过! "http://www.w3.org/TR/html4/loose.dtd"> 鼠标经过标题上显示不同层的内容 .sec1 { BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER

CSS:hover时改变另一元素的显示/隐藏(3种情况)

热门推荐

啊呜吔

01-10

2万+

CSS中hover显示/隐藏的三种情况

用纯css中hover来显示和隐藏其他元素，如子元素，兄弟元素等（不用js，jq做展示或隐藏）

Lucky铂爵

09-24

1500

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

鼠标移入移出事件中，子元素也归属于父元素的一部分！

SilenceJude的博客

11-19

1609

开门见山——直接上结论。结论：鼠标移入移出事件中，子元素也归属于父元素的一部分！当鼠标还在子元素内，但是离开父元素范围，依然不触发移出事件！** 然后上demo： ...

通过hover来控制一个div的展示和隐藏

廿四桥明月夜的博客

08-10

9809

通过hover来控制一个div的展示和隐藏 css 代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .float_tips_area { position:absolute; ...

鼠标移入事件：移入内容，内容不会消失。

shaddce的博客

06-28

1230

一般的鼠标移入事件，只会给他的按钮设置移入移出，而我今天写的就是内容的移入移出（不影响按钮移出和移出） 2. （开头是源代码和样式，js在最后）先给他设置个按钮，button就是按钮了，在按钮里面设置类名和id，后面可以添加文字，鼠标还没移入之前显示的是查看状态。 3. 然后是按钮里面的内容，可以用一个类把他包裹住，然后我用表格的形式来做按钮内容，table是作为表格的意思，其次是表行...

一级菜单hover进入二级菜单，二级菜单不消失

qq_34485818的博客

05-28

1万+

在写分级菜单时遇到问题：设置一级菜单：hover效果显示二级菜单时，当鼠标从一级菜单移入二级菜单时，一级菜单因失去鼠标而导致二级菜单消失根据一二级菜单DOM关系提出不同思路：一级菜单包裹二级菜单一级菜单二级菜单

刷新页面后怎样让hover样式停留不消失

weixin_33733810的博客

08-09

1740

一、网站导航栏　　我们所熟知的网站导航栏，无非就是网站标题以横、纵向方式排列，用户点击以后进入相应的页面来展示网站内容，达到传达信息的目的。　　　　用户点击进入一个页面，如果在刷新后此导航栏有文字有相应的颜色、背景变化，那么将会有一个很好的用户体验，此时就涉及到CSS的hover样式、jQuery的触发事件了。二、hover样式鼠标扫过文字时，文字的背景、颜色变...

元素移动后鼠标hover效果不消失的问题解决方案分析

CSU_Zipple的博客

01-14

7505

问题描述 MacBook Pro (13-inch, 2017, Two Thunderbolt 3 ports) OS: 10.14.5 (18F132) Chrome: 79.0.3945.88 <div class="hover"> test </div> .hover:hover { color: blue; } 鼠标移动在该div元素上，点击后通过...

js鼠标悬停在a标签显示div,移走鼠标div消失，鼠标悬停在div上时div不消失

秦兽兽的博客

10-12

2万+

把鼠标悬浮在标签a标签上时，出现或隐藏div，当div出现之后，将鼠标移到div上的时候，div不消失鼠标还可以继续操作其他功能的代码如下： <a id="login-btn">按钮</a> <div id="login-box" style="display:none;">默认隐藏的div</div> <script&

springboot尿毒症健康管理系统的设计与实现论文