`
mr.a
  • 浏览: 95000 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

根据IE版本加载不同样式表的2种方法

 
阅读更多

第一是使用HACK 即Conditional comments,格式为: <!--[if IE]>...<![endif]--> 详情见 http://zhanjia.iteye.com/blog/369023 

这种写法只有IE能够识别,就是说这种方法只能用来判断IE版本(当然对于加载样式表这件事已经足够了)。


第二种是通过JavaScript判断浏览器类型,然后在页面动态生成<link>元素。好处是可以判断各种不同的浏览器类型。

具体就是通过

1. navigator.userAgent[.toLowerCase()] 得到当前客户端的名称 然后用正则test一下;

2. document.createElement('link') appendChild到head或者body

代码如下var userAgent = funciton() {//此处省略500字}

if(userAgent .isIE()) {

    var style = document.createElement('link');
    style.rel = 'stylesheet';
    style.type = 'text/css';
    style.href = '***';  // css的路径

    document.body.appendChild(style);

}

 

分享到:
评论

相关推荐

    javascript判断ie浏览器6/7版本加载不同样式表的实现代码

    这样,当用户访问网站时,JavaScript代码会检查其浏览器版本,并根据版本信息加载适合的样式表。 具体实现方面,可以通过检查浏览器的navigator.appName和navigator.appVersion这两个属性来判断浏览器的类型和版本...

    如何只在IE上加载CSS样式表

    前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示,使用外部样式表。 &lt;!--[if IE]&gt; &lt...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    - **条件注释**:仅在IE中生效,可以用来加载特定版本IE的样式表。 - **IE选择器**:利用`*+html`或`html&gt;body`等语法,可以精确控制IE6或IE7的样式呈现。 例如,为了使一个元素在IE6中宽度为620px,在IE7及火狐...

    解决ie9、ie10本地css加载不上的解决方法实例

    3. **使用条件注释**:IE浏览器支持条件注释,可以针对特定版本的IE加载特定的CSS。例如,为IE9和IE10编写专门的CSS文件,并通过条件注释引入: ```html &lt;!--[if IE 9]&gt; ...

    解决ie9、ie10本地css加载不上的解决方法

    针对IE特定版本的兼容性问题,可以利用条件注释来为不同版本的IE提供不同的样式表或脚本文件。 ```html &lt;!--[if IE 9]&gt; &lt;link rel="stylesheet" type="text/css" href="ie9.css"&gt; &lt;![endif]--&gt; ``` #### ...

    div错位解决IE6IE7IE8样式不兼容问题

    - **使用条件注释**:条件注释是一种只被IE识别的特殊注释形式,可以用来为特定版本的IE提供不同的CSS样式表或JavaScript脚本。例如: ```html &lt;!--[if IE 6]&gt; &lt;link rel="stylesheet" type="text/css" href="ie...

    IEtest 5-8 css样式兼容

    由于IE的不同版本对Web标准的支持程度不同,特别是对于CSS(层叠样式表)的解析和执行,开发者常常会遇到兼容性问题。例如,IE6、7、8对于盒模型、浮动、定位、渐变、阴影等CSS特性支持不足或者实现方式与其他现代...

    TD不支持IE7.0版本的解决方法

    可以使用条件注释来针对IE7单独加载样式表。 - **脚本库**:如果TD依赖于第三方脚本库,确保这些库也兼容IE7。必要时寻找替代方案或修补版本。 - **图片和其他资源**:确保所有图片、字体和其他资源都能在IE7中正确...

    CSS样式表下FF与IE的区别

    在CSS样式表的应用中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间存在一些显著的差异。这些差异主要集中在盒模型、居中对齐、边框与背景、鼠标指针样式、以及脚本处理等方面。理解这些差异对于创建...

    解决IE6、IE7、IE8样式不兼容问题

    通过上述方式,可以指定IE6使用`ie6.css`样式表,同时确保其他现代浏览器不受影响。 **2. 使用特殊CSS选择器** 针对IE特定版本的CSS hack可以通过选择器实现,如`* html`针对IE6,`*+html`针对IE7等。示例: ```...

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

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

    sharePoint 2007样式表,样式表网址

    2. **浏览器兼容性**:SharePoint 2007的设计考虑了多种浏览器的兼容性,因此在编写CSS时,要确保所用的样式在IE6至IE8等较旧版本的浏览器中也能正常工作。 3. **样式注入**:可以使用`corev4.css`文件来注入自定义...

    css区别IE和非IE浏览器

    一种常见的方法是利用HTML中的条件注释来加载特定版本IE的样式表。例如,可以为IE6到IE9分别提供不同的样式表: ```html &lt;!--[if IE 6]&gt; &lt;link rel="stylesheet" href="ie6.css"&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; ...

    js添加css样式小技巧

    - 在IE浏览器中动态添加样式表。 #### 四、处理iframe中的样式 在处理`iframe`内的样式时,需要注意以下几点: **1. 创建iframe** ```javascript var iframe = document.createElement('iframe'); ``` **...

    ie6 ie7 ff浏览器兼容

    - **CSS条件注释**:虽然在提供的示例中未使用,但在实际开发中,可以利用CSS条件注释来针对特定版本的IE提供不同的样式表。 例如,针对IE6的条件注释如下: ```html &lt;!--[if lt IE 7]&gt; ...

    最新版本最新版本ie7

    3. **布局引擎改进**:对于网页渲染,IE7对CSS(层叠样式表)支持进行了升级,改进了对CSS2.1标准的支持,使得网页设计更为灵活,同时也减少了与标准不兼容的问题。 4. **Tabbed Browsing(多标签浏览)**:IE7引入...

    jquery实现不同大小浏览器使用不同的css样式表的方法

    jQuery 提供了一个灵活的方法,使得开发者可以根据浏览器窗口的大小来动态加载不同的CSS样式表,从而实现响应式布局。以下是对给定标题和描述中的知识点的详细解释: 1. **jQuery 基础**:jQuery 是一个广泛使用的 ...

    CSS样式表的电子书

    《CSS样式表详解》 CSS,全称Cascading Style Sheets,中文译为层叠样式表,是网页设计中用于控制网页元素呈现样式的语言。它与HTML或XML(包括SVG、XHTML等)等结构语言配合使用,使得网页内容与表现分离,实现了...

Global site tag (gtag.js) - Google Analytics