`
thoreau
  • 浏览: 359714 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE与firefox对display隐藏元素的写法

 
阅读更多

在css中IE对display的支持还是比较好的,如下的一段代码

<TABLE>
  <TR>
	<TD>一行一列</TD>
	<TD>一行二列</TD>
  </TR>
  <TR style="display:'none';">
	<TD>二行一列</TD>
	<TD>二行二列</TD>
  </TR>
  <TR>
	<TD>三行一列</TD>
	<TD>三行二列</TD>
  </TR>
  </TABLE>

 红色部分为隐藏表格第二行功能,在IE中这样写没问题,但是在firefor中会发现没效果,在firefox中必须写成

style="display:none;"

 

但是IE中两各写法都是支持的

 

 

另外发现在用childNodes方法时两种浏览器也是不一样的,IE中是将代码中的<与>两个括号中的元素视为一个dom元素,而忽略>与<之间的一此空白和换行,但是firefox会将>与<的空白和换行也计算在内

分享到:
评论

相关推荐

    css兼容IE6、IE7、FF的技巧

    - **IE与Firefox的差异**:在IE中,元素的`width`包含了`padding`,而在Firefox中,`width`不包含`padding`。 - **解决方法**:可以通过设置`!important`来覆盖默认行为,或者使用盒模型(box model)调整。 ##### ...

    css兼容性详解

    - **FF 下 padding 导致宽高增加**:Firefox 中给`div`设置`padding`可能会导致其宽度和高度增加,而在IE中则不会。可以通过`!important`解决此问题。 - **居中问题** - **垂直居中**:设置`line-height`与`div`...

    jsp浏览器的兼容性

    本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题,提出解决方法,涵盖 Firefox、谷歌、百度和 IE6/7/9 浏览器的兼容问题。 1.Div 的高度参数值后加 px 在设置 Div 的高度时,需要在参数值后加上 px,例如 ...

    IE中伪类hover的使用及BUG

    接着文章指出,在IE5.5和IE6浏览器中,:hover伪类仅支持CSS1的规则,而后续版本的IE以及Firefox则支持CSS2的规则。 为了解决IE5.5和IE6中的兼容性问题,文章分别提供了基于CSS2和CSS1的两种不同的解决方案。在CSS2...

    全动态选项卡 css js

    在压缩包文件中的“选项卡兼容ieff”可能是针对Internet Explorer和Firefox等浏览器的兼容性处理。由于这些老版本的浏览器可能不支持某些现代CSS特性和JavaScript API,我们需要采用一些polyfills或者兼容性写法,...

    模拟兼容性的 inline-block 属性

    此外,如果需要隐藏元素内的文字,可以采用以下几种方法: ```css text-indent:-9999px; /* 将文字推到屏幕外 */ *text-indent:0; /* IE的bug兼容写法 */ font-size:0; /* 设置字体大小为0 */ line-height:0; /* ...

    2022最全前端面试题汇总

    1. 测试浏览器:通常需要测试的浏览器包括Chrome( Blink内核)、Firefox(Gecko内核)、Safari(WebKit内核)、Edge(Chromium内核)和IE(Trident内核)。了解它们的内核有助于解决浏览器兼容性问题。 2. DOCTYPE...

    纯css 右下角定位_并结合js实现关闭功能(兼容多浏览器).zip

    /* Firefox */ -ms-transform: translateX(50px); /* Internet Explorer 9 */ -o-transform: translateX(50px); /* Opera */ transform: translateX(50px); /* 标准语法 */ } ``` 对于JavaScript,由于现代...

    css实现兼容各个浏览器的技巧的代码

    /* for Firefox + IE6.0 */ width: 500px\9; /* for IE6.0 */ } ``` 其中,`width: 500px\9;` 是针对IE6的特殊写法,`\9` 表示IE6及以上版本可以识别该规则。 #### 2. 在IE中隐藏CSS 有时候我们需要让某些样式...

    前端面试题

    - **Gecko**:Firefox的内核。 - **Trident**:IE的内核,现在已被EdgeHTML取代。 **07、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?** - **新特性**:包括语义化标签(如`...

    css实现的对联广告代码

    本文章讨论的是使用纯CSS代码来实现网页中的对联广告,它强调兼容性,能够适应包括旧版的IE、Firefox(ff)以及Chrome(gg)在内的所有主流浏览器。这里的对联广告代码是通过CSS来定位和样式设置的,并且还提供了...

Global site tag (gtag.js) - Google Analytics