JQuery下css.("display","none")在IE11下的问题

最新推荐文章于 2026-08-02 11:49:24 发布

原创最新推荐文章于 2026-08-02 11:49:24 发布 · 2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascrip

当前文章被收录于：

javascrip

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

今天做项目的时候发现css.(“display”,”none”)在IE11下虽然会隐藏掉指定的标签，但是在页面上依然会占用一定的空白空间。但是在IE9下面正常显示。

深刻体会IE11已经不是IE了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ceoicac

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

DEA各种模型原理及stata代码实现

wonder1322的博客

09-28

4万+

DEA各种模型原理及stata代码实现DEA各种模型原理及stata代码实现一、CCR和BCC1.原理2.效率测算stata代码3.Malmquist指数3.1M指数3.2Global-Malmquist指数4.指数计算代码与案例二、SBM模型1.原理2.stata代码实现三、方向性距离函数（DDF）1.原理2.stata代码实现3.非径向DDF模型（NDDF）3.GML指数4.指数测算四、总结 DEA各种模型原理及stata代码实现一、CCR和BCC 1.原理 CCR模型产出导向下的效率通过求解以下规划

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

【ROS】ROS局域网下多机通讯方法

weixin_43326110的博客

10-19

3327

最近工作中需要用到多机通讯，这里稍微总结一下使用方法。一、网络配置ifconfig这里举个例子，主机的IP地址为192.168.1.127，从机的IP地址为192.168.1.126；之后可测试一下能否互相ping通，成功后进行下一步。

display:none 属性在IE5.6.7.8.9下失效的解决方案

PENGFUMING的专栏

09-01

1796

.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:420px;display:none;}

H5游戏源码桌球游戏.zip

游戏源码欢迎下载

CSS display:none和visibility:hidden区别

jiaguo699的专栏

03-29

904

CSS display:none和visibility:hidden的区别 visibility:hidden隐藏，但在浏览时保留位置；CSS display:none视为不存在，且不加载！ Overflow属性值{visible|hidden|scroll|auto}前提是先要限制DIV的宽度（width）和高度（height）。二者都是隐藏HTML元素，在视觉效果上没有区别，但在一些DOM

CSS隐藏属性display:none；visibility:hidden；overflow:hidden

Jorpeng的博客

10-28

4838

前端CSS元素隐藏的知识（display:none；visibility:hidden；overflow:hidden；opacity: 0）

【ie浏览器的兼容】css flex布局兼容ie10, ie11, 问题吐血总结，菜鸟必看

有一棵树的博客

05-11

4531

flex布局中的flex-shrink

理解与应用css中的display属性

Liuqz2009的专栏

02-12

1万+

　　display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有：noneblockinlineinline-blockinherit　　下面，我将按照顺序将上述几种属性做一个完整的讲解。第一部分：display:none　　none这个值表示此元素将不被显示。比如，当我们在浏览网页时，如果看到了某个烦人的广告遮挡了我们的实现，更为可气的是，它还没有关闭的选项，这时（以chrome为例...

jQuery append()方法中display:none失效的5种解决方案

最新发布

weixin_34242509的博客

08-02

381

DOM操作是前端开发中的基础技术，涉及浏览器渲染流程中的HTML解析、CSSOM构建和重排重绘等核心机制。jQuery的append()方法通过innerHTML实现批量DOM插入，但在处理内联样式时可能因浏览器渲染时机差异导致display:none失效。本文通过分析jQuery工作机制和浏览器兼容性问题，提供了使用hide()方法、CSS类控制、文档片段等五种解决方案，特别适合需要动态加载隐藏内容的评论列表、懒加载等典型应用场景。其中hide()方案在性能测试中表现优异，且能100%兼容IE11等老旧浏

ie6.7设置display:none时仍占位

yixiao_naihe的专栏

05-29

1838

最近做项目时，碰到一个奇怪的问题：

如果是ie浏览器就隐藏html,jquery – 尽管style =’display：none’,仍可在IE中选择隐藏文本...

weixin_34966467的博客

06-03

233

这似乎是IE特定的“功能”.我用IE8测试过.用户John H通过在IE6和IE7中确认来做出贡献.我有一些文本内置到我的页面中,从元素的创建开始,它有style =“display：none;”我没有使用jQuery来隐藏文本而且文本没有“显示”.虽然为了进一步公开,我使用jQuery的.html()方法访问元素的内容.但是,如果用户选择我的display：none元素附近的文本并复制已选择的内...

jQuery append()中display:none失效的5种解决方案

weixin_30654583的博客

08-01

482

在前端开发中，DOM操作和CSS样式应用是构建动态网页的基础。jQuery的append()方法常用于动态添加元素，但其与display:none属性的交互可能引发元素短暂显示的问题。这涉及浏览器渲染流程中的样式计算与布局重排机制，对需要预加载但延迟显示的场景（如模态框、下拉菜单）影响显著。通过分析jQuery工作原理和浏览器渲染管线，开发者可采用detach()、visibility属性、requestAnimationFrame等技术方案优化渲染性能。合理运用这些方法能有效解决UI闪烁问题，提升SPA应

关于隐藏元素高度的问题 css visibility:hidden 与 display:none的区别

weixin_30648963的博客

04-16

558

其实这是一个老问题了，s visibility:hidden 与 display:none 共同点就是都会似的元素不可见。但是visibility:hidden 的DOM元素是占用空间的，会挤占其他元素的位置，宽度和高度边框边距等都不会发生变化，所以使用 offsetWidth等属性获取的值不会发生变化。但是display:none 就完全不同了，在DOM树中完全不会渲染，就相当于不存在这个D...

JS/jQuery添加和移除CSS样式

热门推荐

我的博客

12-17

8万+

　　有时候需要添加CSS样式和移除CSS样式，如添加display属性，设为隐藏。有时候需要移除display属性。一、jQuery移除CSS样式的两种方法注意：当其中一种不支持时，就尝试另一种： $(&quot;#show&quot;).removeAttr(&quot;style&quot;); $(&quot;#show&quot;).attr(&quot;

jQuery源码阅读：swap（）

CDTZYXZZY的博客

12-22

2668

swap() CSS 交换 // A method for quickly swapping in/out CSS properties to get correct calculations. // Note: this method belongs to the css module but it's needed here for the support module. // If supp...

jquery控制css的display

Fupengyao的博客

01-27

1030

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 $("#id").css('

jQuery中的选择器:visible对visibility:hidden的处理

dxh_0829的专栏

06-22

2831

首先先介绍visibility这个CSS属性。　　visibility用于表示该元素是否显示，其取值有：　　visible：设置对象可视。　　hidden：设置对象隐藏。　　collapse：主要用来隐藏表格的行或列，隐藏的行或列能够被其他内容是用。　　这里需要说明的是，collapse在IE6及更早的浏览器不支持，它的作用只在表格中生效，对于其他的对象，等同于displa

CSS基础：display的3个常见属性值详解

u013179804的博客

04-19

4105

display属性用于控制元素的显示方式：是否显示/如何显示元素。大多数元素的display属性有两种状态：块级元素（Block）和内联元素（Inline）。除了这两种常见的状态外，还有一些其他的display属性取值，如flexgrid等，用于实现更灵活的布局和样式效果。因为，对于新手，其他属性相对复杂，本次呢，我们么主要来介绍display的 3 个基础常用的属性值。

jquery设置html样式无效果,jq css()设置不了display？

weixin_28859539的博客

06-03

1587

这篇文章主要介绍了jquery 设置style:display的方法以及失效的原因，需要的朋友可以参考下。jq css()设置不了display？原因：● css选择器写错● 元素具有优先级更高的 !important样式(相关课程推荐：jQuery教程)解决方法：1 正确填写选择器2 将元素优先级更高的 !important 样式删除切换html.cn#a{// 将此优先级更高的样式删除// d...

完美解决IE浏览器 option display:none 隐藏无效

郭猛的博客

11-04

9297

最近遇到了select 下的option需要根据前一个select选项来显示或隐藏，发现在IE下该功能无法实现。自己在网上看了一下前辈们的解决方法，然后根据自己的实际情况改了一下，放在这里给需要的朋友。//初始化select function toggleOptionInit(obj,firstException){ var firstException = argume

option元素 display属性在IE下无效的解决方法

凡夫俗子

11-23

3671

在做项目中有个区域和街道的联动效果，选择地区后过滤对应的街道。我刚开始时使用的方法是将option设置成 display:none,结果在IE下无效。解决方法: 一. 用一个变量保存所有街道的值，过滤的时候取出来，动态添加到select中二、用jquery的 $.wrap方法在option外面添加一个父元素通过父元素控制option的隐藏三