`

display:;设置为空时在ie6.0和火狐下的效果是不一样的

阅读更多

今天突然发现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";
     }

分享到:
评论

相关推荐

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

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE6.0、IE7.0与Firefox等不同浏览器之间的差异。以下是一些解决这些浏览器间CSS兼容问题的方法: 1. **DOCTYPE声明**:DOCTYPE声明会...

    CSS浏览器兼容问题整理(IE6.0、IE7.0_与_FireFox)

    标题和描述均指向了一个核心议题——CSS在不同浏览器(尤其是IE6.0、IE7.0与Firefox)之间的兼容性问题。这个问题对于Web开发者来说至关重要,因为不同的浏览器可能对CSS的解析和渲染方式存在差异,导致网页在不同...

    最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)

    ### 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 Firefox) 在Web开发过程中,确保网站能够在不同的浏览器上正确显示是非常重要的一步。尤其在早期的Web开发时代,面对像IE6、IE7这样的浏览器,以及当时主流的...

    标签设置display:none后设置diplay=“”不显示1

    当一个元素的 `display` 属性被设置为 `none` 时,该元素将不再占用任何空间,也不会在页面上显示。这个特性在网页设计和开发中广泛用于隐藏或显示某些内容。 标题提到的问题是,在将一个元素的 `display` 属性从 `...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用CSS hack来区分这三种浏览器,并提供一些实用的技巧和方法。 首先,我们需要了解IE6、IE7...

    有关display:inline-block在FF出现空白的解决方案

    在网页布局设计中,`display:inline-block` 是一个非常常用且强大的CSS属性,它允许元素在保持块级元素特性的同时,像内联元素一样并排显示。然而,在不同浏览器之间,尤其是在Firefox(FF)上,可能会遇到一些显示...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...

    让IE和火狐同时兼容

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

    浏览器Firefox与IE在CSS样式表中的差异汇编.pdf

    浏览器Firefox与Internet Explorer(IE)在CSS样式表的解析上存在一些显著的差异,这些差异在实际开发过程中可能引起布局不一致或者样式显示错误。以下是一些关键的区别和解决策略: 1. **CSS Hack** - 为了针对...

    CCS6.0 Graph display set 显示波形设置实例.pdf

    CCS6.0 Graph Display Set 显示波形设置实例 CCS6.0 Graph Display Set 是一个功能强大的显示波形设置实例,它能够实时显示两路 AD 转换结果。本实例使用 CCS6.0 软件,通过编写 C 语言程序来控制 AD 转换并将结果...

    纯CSS的下拉菜单,支持IE6,IE7,Firefox

    通过以上步骤,我们可以创建一个兼容IE6、IE7和Firefox的纯CSS下拉菜单。尽管IE6和IE7的兼容性限制了部分CSS3特性的使用,但仍然可以通过一些技巧来实现类似的效果,确保了在旧版浏览器中的良好表现。在实际项目中,...

    CCS6.0Graphdisplayset显示波形设置实例.pdf

    CCS6.0 Graph Display Set 显示波形设置实例 CCS6.0 是一款强大的集成开发环境,提供了丰富的功能来开发和调试基于微控制器的应用程序。在本文中,我们将详细介绍如何使用 CCS6.0 的 Graph Display Set 功能来显示...

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

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

    Firefox, IE5, IE5.5, IE6, IE7, IE8多种浏览器兼容的问题

    IE6及以下版本与现代浏览器(如Firefox)在宽度计算上有所不同,IE不包括边距(margin)和填充(padding)在内。 ```css /* 对于IE6 */ #wrapper { width: 100px; /* 不考虑padding */ } /* 对于Firefox */ #wrapper {...

    CSS兼容IE和Firefox的技巧集合.rar

    在网页设计领域,CSS(Cascading Style Sheets)是用于控制网页布局和样式的语言,但不同的浏览器在解析和执行CSS规则时可能存在差异,尤其是在早期版本的Internet Explorer(IE)和Firefox之间。这个"CSS兼容IE和...

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

    标题中的“让CSS兼容IE和Firefox的技巧...以上技巧可以帮助开发者在设计网页时,确保IE和Firefox都能正确呈现预期的样式效果。在实际应用中,还应考虑其他浏览器,如Chrome、Safari和Edge等,确保广泛的浏览器兼容性。

Global site tag (gtag.js) - Google Analytics