`
mr.a
  • 浏览: 95468 次
  • 性别: 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浏览器下被加载。...使用媒体查询(-ms-high-contrast)来加载样式表。由于-ms-high-contrast是微软特有的(并且只在IE 10+中可用

    解决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; ``` #### ...

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

    #### 使用条件注释加载样式表: 针对IE的不同版本,可以使用条件注释来加载特定的CSS文件: ```html &lt;!--[if lt IE 7]&gt; &lt;link rel="stylesheet" type="text/css" href="ie6.css"&gt; &lt;![endif]--&gt; ``` #### 引入前缀与...

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

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

    正在加载效果

    同时,CSS样式表中应包含加载效果的样式定义,包括颜色、大小、动画持续时间和速度等。 对于跨浏览器兼容性,IE浏览器的版本差异可能会导致某些CSS3属性不被支持。你可以使用条件注释或者特性检测来针对IE应用不同...

    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; ...

    sharePoint 2007样式表,样式表网址

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

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

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

    百度编辑器1.4.3.3版本IE8兼容性问题

    5. **调整CSS**:确保CSS代码兼容IE8,避免使用IE8不支持的CSS3属性,必要时使用`*` Hack或条件样式表。 6. **测试与调试**:使用IE8模拟器或真实设备进行测试,定位并修复问题。 压缩包中的“百度编辑器1.4.3.3...

    分屏加载 ie6完美png 鼠标悬停效果 实例

    通过在CSS样式表中添加如下代码,可以实现IE6对PNG图像的透明支持: ```css &lt;!--[if IE 6]&gt; .pngFix { behavior: url(/scripts/iepngfix.htc); } &lt;![endif]--&gt; ``` 这里,`.pngFix` 是应用该滤镜的类名,`/scripts...

    css(层叠样式表)规范文档

    ### CSS (层叠样式表) 编码规范详解 #### 一、基本书写规范 **1. 重定义、伪类与自定义的顺序** 在编写 CSS 时,应遵循以下顺序:首先重定义(即覆盖默认样式),接着是伪类(如:hover),最后是自定义样式。这样...

    CSS样式表的电子书

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

    div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc

    - **条件注释**:针对特定版本的IE浏览器,可以通过条件注释来加载不同的样式表。 ```html &lt;!--[if IE 6]&gt; &lt;link rel="stylesheet" type="text/css" href="ie6.css" /&gt; &lt;![endif]--&gt; ``` - **Hack技巧**:...

    install-ietester 多版本IE页面测试

    - **CSS样式兼容性**:支持CSS层叠样式表的跨版本测试,帮助开发者发现和解决由于CSS兼容性问题导致的页面显示异常。 - **JavaScript和DOM支持**:对于每个IE版本,IETester都提供了相应的JavaScript引擎和文档对象...

    ie-css3.htc 免费版

    使用ie-css3.htc的方法很简单,只需要在CSS样式表中将ie-css3.htc文件作为行为(behavior)属性关联到需要CSS3效果的元素: ```css selector { behavior: url(/path/to/ie-css3.htc); /* 其他CSS3属性,如border-...

    判断IE8兼容性视图工作模式

    因此,建议尽量遵循Web标准编写代码,同时为IE8提供降级处理或使用条件注释来加载特定的IE兼容性样式表和脚本。 总结来说,识别IE8的兼容性视图模式是解决浏览器兼容性问题的关键步骤。通过JavaScript的`document....

    jsp中flexigrid插件在ie下样式问题

    **步骤2:**使用条件注释加载针对IE8的特殊样式表: ```html &lt;!--[if IE 8]&gt; &lt;link rel="stylesheet" href="ie8.css" /&gt; &lt;![endif]--&gt; ``` **步骤3:**对于DOM操作问题,确保所有的操作都通过jQuery进行,并检查...

Global site tag (gtag.js) - Google Analytics