今天调试前台的时候发现一个很奇怪的问题，就是用js给指定的<tr>display设block,IE下正常，火狐下显示错乱了。在网上找了一些解决办法。实际用过之后给大家分享一些: 就是用display:' ' 这个属性dispaly后面不加任何的东西，这样就可以同时兼容了Firefox和IE了。
您还没有登录,请您登录后再发表评论
block在Firefox下显示布局错乱问题，按照常理，对于某一单元行需要显示时，使用CSS display:block属性，在IE浏览器中显示正常，但是当用Firefox浏览时却出现了布局错乱的问题，这里和大家分享一下解决方法。...
- **使用`display: table-row`**：在Firefox等支持CSS `display: table-row`属性的浏览器中，可以有效地解决上述问题，因为它能保持表格的原有布局。但是，Internet Explorer（尤其是较旧版本）并不支持这一属性。...
* Firefox 和 IE 中链接加边框和背景色的问题，解决方法是设置 display: block 和 float: left * IE 中背景色的自适应高度问题，解决方法是多嵌套一个层，并设置浮动 七、解决方法 * 规范 CSS 代码，使其符合两种...
然而，在实际应用中，由于不同浏览器的解析和渲染机制存在差异，尤其是在IE（Internet Explorer）和Firefox之间，这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...
1. **浏览器条件：** 必须是在IE6下，更高版本的IE或其他现代浏览器如Firefox、Chrome等则不受影响。 2. **元素样式条件：** - 元素设置了`float`属性，例如`float:left;`。 - 可选地，元素还设置了宽度，例如`...
本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的CSS Hack技巧，使网页能够优雅地适应这些浏览器。 #### CSS Hack详解 **1\. IE6/IE7与Firefox的CSS Hack** 在CSS中，可以通过...
`在IE6/7中有效，但在Firefox中需要使用`.cursor:hand;`。 - **Overflow属性**: 对于需要设定高度的`div`，可以使用`overflow:hidden`来实现高度自适应的效果。 综上所述，为了使网站在不同的浏览器中都能正常显示...
在IE中，`padding`和`border`会被计算进`width`和`height`中，而在Firefox中不会。 - 解决方法之一是在CSS中使用`box-sizing:border-box;`属性，这样可以让所有浏览器的行为保持一致。 7. **列表项样式**： - ...
这个属性在支持它的浏览器中会忽略掉inline-block，而在不支持inline-block的浏览器中（如Firefox2）则使用这个备用属性。通过在display属性中先声明"-moz-inline-stack"，再声明"inline-block"，可以确保在支持...
`来确保特定样式在Firefox中优先应用，而IE则会忽略`!important`，继续遵循正常的样式解析顺序。 6. IE6躲猫猫bug IE6存在一种被称为“躲猫猫”的bug，表现为某些元素在特定条件下变得不可见。尽管IE6已经过时，...
在使用浮动布局时，未清除的浮动可能导致布局错乱，尤其是当多个元素并排显示时。万能float闭合技术通过在父容器内添加一个伪元素，并设置 `clear:both` 来解决这一问题。具体实现如下： ```css .clearfix:after { ...
特别是在早期的Web 2.0过渡时期，如何确保网页在IE7、IE6以及Firefox等浏览器中表现一致成为了一大挑战。本文将详细介绍几种常用的兼容性解决方案，并探讨其原理。 #### 1. 使用XHTML格式及DOCTYPE声明 为了更好地...
- **问题描述**：在Firefox等现代浏览器中，如果不正确地清除浮动，可能会导致布局错乱。 - **解决方案**：确保在适当的位置使用清除浮动的方法，例如`clear:both`或使用伪元素`::after`结合`content`和`display:...
由于不同的浏览器（如IE、Chrome、Firefox等）在解析CSS时存在差异，导致同样的CSS代码在不同浏览器中的渲染效果可能不同。因此，了解并掌握如何解决这些兼容性问题是非常重要的。 #### 主要兼容性问题与解决方法 ...
相关推荐
block在Firefox下显示布局错乱问题，按照常理，对于某一单元行需要显示时，使用CSS display:block属性，在IE浏览器中显示正常，但是当用Firefox浏览时却出现了布局错乱的问题，这里和大家分享一下解决方法。...
- **使用`display: table-row`**：在Firefox等支持CSS `display: table-row`属性的浏览器中，可以有效地解决上述问题，因为它能保持表格的原有布局。但是，Internet Explorer（尤其是较旧版本）并不支持这一属性。...
* Firefox 和 IE 中链接加边框和背景色的问题，解决方法是设置 display: block 和 float: left * IE 中背景色的自适应高度问题，解决方法是多嵌套一个层，并设置浮动 七、解决方法 * 规范 CSS 代码，使其符合两种...
然而，在实际应用中，由于不同浏览器的解析和渲染机制存在差异，尤其是在IE（Internet Explorer）和Firefox之间，这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...
1. **浏览器条件：** 必须是在IE6下，更高版本的IE或其他现代浏览器如Firefox、Chrome等则不受影响。 2. **元素样式条件：** - 元素设置了`float`属性，例如`float:left;`。 - 可选地，元素还设置了宽度，例如`...
本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的CSS Hack技巧，使网页能够优雅地适应这些浏览器。 #### CSS Hack详解 **1\. IE6/IE7与Firefox的CSS Hack** 在CSS中，可以通过...
`在IE6/7中有效，但在Firefox中需要使用`.cursor:hand;`。 - **Overflow属性**: 对于需要设定高度的`div`，可以使用`overflow:hidden`来实现高度自适应的效果。 综上所述，为了使网站在不同的浏览器中都能正常显示...
在IE中，`padding`和`border`会被计算进`width`和`height`中，而在Firefox中不会。 - 解决方法之一是在CSS中使用`box-sizing:border-box;`属性，这样可以让所有浏览器的行为保持一致。 7. **列表项样式**： - ...
这个属性在支持它的浏览器中会忽略掉inline-block，而在不支持inline-block的浏览器中（如Firefox2）则使用这个备用属性。通过在display属性中先声明"-moz-inline-stack"，再声明"inline-block"，可以确保在支持...
`来确保特定样式在Firefox中优先应用，而IE则会忽略`!important`，继续遵循正常的样式解析顺序。 6. IE6躲猫猫bug IE6存在一种被称为“躲猫猫”的bug，表现为某些元素在特定条件下变得不可见。尽管IE6已经过时，...
在使用浮动布局时，未清除的浮动可能导致布局错乱，尤其是当多个元素并排显示时。万能float闭合技术通过在父容器内添加一个伪元素，并设置 `clear:both` 来解决这一问题。具体实现如下： ```css .clearfix:after { ...
特别是在早期的Web 2.0过渡时期，如何确保网页在IE7、IE6以及Firefox等浏览器中表现一致成为了一大挑战。本文将详细介绍几种常用的兼容性解决方案，并探讨其原理。 #### 1. 使用XHTML格式及DOCTYPE声明 为了更好地...
- **问题描述**：在Firefox等现代浏览器中，如果不正确地清除浮动，可能会导致布局错乱。 - **解决方案**：确保在适当的位置使用清除浮动的方法，例如`clear:both`或使用伪元素`::after`结合`content`和`display:...
由于不同的浏览器（如IE、Chrome、Firefox等）在解析CSS时存在差异，导致同样的CSS代码在不同浏览器中的渲染效果可能不同。因此，了解并掌握如何解决这些兼容性问题是非常重要的。 #### 主要兼容性问题与解决方法 ...