`
pan_java
  • 浏览: 286586 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

div display属性在ie和火狐下的差别

阅读更多
今天突然发现display:;设置为空时在ie6.0和火狐下的效果是不一样的。而ie6.0不支持display:table;等属性。真是郁闷,看来有得写hack方法了,麻烦的是这个属性是在js里面设置的,所以又得先判断下浏览器类型才可以。

/*
*
* 判断浏览器类型
*
*/
function getOs()
{
    if(navigator.userAgent.indexOf("MSIE")>0)
    {
         return "MSIE";
    }
    else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)
    {
         return "Firefox";
    }
    else if(isSafari=navigator.userAgent.indexOf("Safari")>0)
    {
         return "Safari";
    }
    else if(isCamino=navigator.userAgent.indexOf("Camino")>0)
    {
         return "Camino";
    }
    else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)
    {
         return "Gecko";
    }
    else
    {
    return "";
    }
}

//调用部分函数

if(getOs()=="MSIE")
     {
      tag[i].style.display = "";
     }
     else
     {
      tag[i].style.display = "table";
     }
分享到:
评论

相关推荐

    DIV+CSS网页中IE和火狐兼容问题的整理

    然而,在实际应用中,由于不同浏览器的解析和渲染机制存在差异,尤其是在IE(Internet Explorer)和Firefox之间,这种差异可能导致兼容性问题。以下是对这些兼容性问题的详细梳理和解决策略。 1. **盒模型差异** -...

    让IE和火狐同时兼容

    特别是在早期的Web时代,Internet Explorer(简称IE)与Mozilla Firefox(简称火狐)这两款浏览器之间存在着显著的差异,这使得页面设计师不得不花费大量时间去解决它们之间的兼容性问题。本文将详细介绍如何使网站...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx

    让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中,让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则,导致了同一份CSS代码在不同的浏览器中...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    3. **高度和宽度的适应**:Firefox在应用`padding`后会自动调整`div`的高度和宽度,而IE不会。为了解决这个问题,可以在IE不支持的`!important`规则中,为Firefox特别设定`height`和`width`。 4. **使用!important*...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    firefox与ie css+div兼容大全

    在标准模式下,Firefox和IE通常遵循W3C标准,但在Quirks Mode下,它们可能会模拟老版本的浏览器行为。因此,确保使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,可以帮助浏览器进入标准模式。 2. **居中对齐**:Fire...

    Ie和firefox的Js区别

    JavaScript是一种广泛用于网页开发的脚本语言,它在不同的浏览器中有不同的实现,其中最显著的区别在于Internet Explorer(IE)和Mozilla Firefox(Firefox)。以下是一些关键的区别点: 1. **对象问题** - **...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...

    div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法

    然而,由于不同浏览器对CSS标准的支持程度不一,尤其是在IE6、IE7、IE8、IE9和Firefox之间存在兼容性问题,开发者需要采取特殊策略来确保页面在这些浏览器上正常显示。本文将深入探讨如何实现`div+css`的完全兼容。 ...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.docx

    以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,这有助于使浏览器以标准模式...

    div+css_兼容ie6_ie7_ie8_ie9和FireFox_Chrome等浏览器方法

    本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    Firefox通过设置`div`的`margin-left`和`margin-right`为`auto`实现水平居中,而Internet Explorer(IE)需要结合`body`的`text-align`和`div`的`margin: auto`来实现相同效果。 3. **盒模型差异**: Firefox和...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    - Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`居中,但IE不行。此时,可以给`body`设置`text-align: center`,然后让需要居中的`div`内部设置`margin: auto`。 3. **盒模型差异**: - FF中...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

    (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf

    - 为了在Firefox中显示边框和背景色,链接需设置`display: block`和`float: left`,并可能需要设置高度以防止底部错位。 6. **BOX模型问题** - 解决Firefox和IE盒模型差异的常见方法是使用负边距,或者使用`!...

    IE和Firefox之间兼容性问题

    IE(Internet Explorer)浏览器和Firefox浏览器作为市场上较为流行的两种浏览器,在处理CSS样式时存在一些差异,导致开发者在进行网页布局时可能会遇到兼容性问题。本文将详细探讨IE浏览器和Firefox浏览器之间的兼容...

Global site tag (gtag.js) - Google Analytics