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

解决Css浏览器兼容

    博客分类:
  • Css
阅读更多
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}

function setActiveStyleSheet(title){ 
  document.getElementsByTagName("link")[0].href="style/"+title; 
}
//-->
</SCRIPT>

在IE页面里直接这样写就行
<!--[if IE]><link type="text/css" rel="stylesheet" href="style_ie.css" /><![endif]-->


具体的文章如下:
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。
可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)

<!--[if IE]>
      <h1>您正在使用IE浏览器</h1>
      <!--[if IE 5]>
          <h2>版本 5</h2>
      <![endif]-->
      <!--[if IE 5.0]>
          <h2>版本 5.0</h2>
      <![endif]-->
      <!--[if IE 5.5]>
          <h2>版本 5.5</h2>
      <![endif]-->
      <!--[if IE 6]>
          <h2>版本 6</h2>
      <![endif]-->
      <!--[if IE 7]>
          <h2>版本 7</h2>
      <![endif]-->
<![endif]-->

 

 

分享到:
评论

相关推荐

    解决CSS浏览器兼容性问题的4种方案

    本文将探讨解决CSS浏览器兼容性问题的四种策略。 首先,我们可以采取**浏览器CSS样式初始化**。由于不同浏览器对CSS的默认样式处理方式不同,初始化样式可以确保所有元素在开始时具有统一的基础样式。例如,常用的...

    CSS属性、浏览器兼容与网页布局

    CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...

    最全的CSS浏览器兼容问题

    以下是一些常见的CSS浏览器兼容性问题及其解决方案: 1. **垂直居中问题**: 在CSS中,要实现一个div的垂直居中,可以使用`vertical-align: middle;`和`line-height`属性。但这种方法要求内容不换行。例如: ```...

    css浏览器兼容问题全面汇总

    总之,理解并解决CSS浏览器兼容问题需要开发者对各种浏览器的特性有深入的认识,同时也需要掌握一定的技巧和工具,以确保网站在不同环境下都能良好运行。通过持续学习和实践,开发者可以更好地应对这个挑战,创建出...

    css 浏览器兼容性速查

    总结,"CSS浏览器兼容性速查"是开发者解决问题的关键工具,通过理解和掌握不同浏览器对CSS的支持情况,我们可以编写出既能展示美观设计,又能保证兼容性的代码,从而提升用户体验。这需要不断学习和实践,随着浏览器...

    CSS技巧汇总---div+CSS浏览器兼容问题整理

    CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf

    CSS浏览器兼容问题

    CSS浏览器兼容问题,解决各个浏览器中css不兼容的问题。

    css浏览器兼容.docx

    CSS浏览器兼容性问题解决方案 CSS浏览器兼容性问题是Web开发中常见的问题。不同的浏览器对CSS的解析方式不同,这就导致了浏览器之间的兼容性问题。了解浏览器的兼容性问题是非常重要的,为此,我们总结了一些常见的...

    css浏览器兼容

    下面将详细介绍一些解决CSS浏览器兼容性问题的方法,以及探讨如何处理这些不准确的解决方案。 1. **使用reset.css或normalize.css**:浏览器默认样式不同,reset.css文件可以帮助消除这些默认差异,让所有浏览器在...

    css浏览器兼容写法

    总之,处理CSS浏览器兼容性问题需要深入理解各个浏览器的解析机制和特性,并熟练运用各种兼容性写法。通过适当的选择器、属性hack以及媒体查询,可以有效地确保样式在多种浏览器中表现一致,提升用户体验。

    css浏览器兼容问题

    ### CSS浏览器兼容问题详解 #### 一、引言 随着Web技术的发展,不同的浏览器对于CSS的支持程度也有所不同,这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧...

    css浏览器兼容问题大全

    【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)是用于控制网页元素样式的关键技术,但它在不同浏览器之间的兼容性问题一直是开发者面临的挑战。尤其是针对老版本的Internet Explorer(如IE7、IE6)和...

    浏览器兼容常见问题css兼容

    浏览器兼容常见问题css兼容 css兼容 浏览器兼容 IE6789兼容

    css 多浏览器兼容解决方案 下载

    以上是针对CSS多浏览器兼容的一些常见问题和解决策略,实际开发中,还需要关注其他浏览器,如Chrome、Safari和Opera等,以及最新的浏览器版本,因为它们也可能有自己的解析差异。同时,利用条件注释、Modernizr等...

    别具光芒——CSS属性、浏览器兼容与网页布局

    "别具光芒——CSS属性、浏览器兼容与网页布局"这个主题涵盖了三个核心概念:CSS属性、浏览器兼容性和网页布局。 首先,我们来详细探讨CSS属性。CSS提供了无数的属性,如颜色、字体、大小、位置等,这些属性共同决定...

    CSS浏览器兼容问题解决办法

    CSS浏览器兼容问题解决办法,做美工经常会谷碰到这样的问题,每次都很郁闷,这个文档可以帮你解决一些非常觉的问题

    CSS浏览器兼容汇总

    以上总结了一些常见的CSS浏览器兼容性问题及其解决方法。通过理解这些问题的根源以及相应的解决方案,可以有效地提高网页在各种浏览器中的兼容性和用户体验。随着现代浏览器技术的发展,许多问题已经得到了缓解,但...

Global site tag (gtag.js) - Google Analytics