第一是使用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代码会检查其浏览器版本,并根据版本信息加载适合的样式表。 具体实现方面,可以通过检查浏览器的navigator.appName和navigator.appVersion这两个属性来判断浏览器的类型和版本...
前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示,使用外部样式表。 <!--[if IE]> <...
- **条件注释**:仅在IE中生效,可以用来加载特定版本IE的样式表。 - **IE选择器**:利用`*+html`或`html>body`等语法,可以精确控制IE6或IE7的样式呈现。 例如,为了使一个元素在IE6中宽度为620px,在IE7及火狐...
3. **使用条件注释**:IE浏览器支持条件注释,可以针对特定版本的IE加载特定的CSS。例如,为IE9和IE10编写专门的CSS文件,并通过条件注释引入: ```html <!--[if IE 9]> ...
针对IE特定版本的兼容性问题,可以利用条件注释来为不同版本的IE提供不同的样式表或脚本文件。 ```html <!--[if IE 9]> <link rel="stylesheet" type="text/css" href="ie9.css"> <![endif]--> ``` #### ...
- **使用条件注释**:条件注释是一种只被IE识别的特殊注释形式,可以用来为特定版本的IE提供不同的CSS样式表或JavaScript脚本。例如: ```html <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie...
由于IE的不同版本对Web标准的支持程度不同,特别是对于CSS(层叠样式表)的解析和执行,开发者常常会遇到兼容性问题。例如,IE6、7、8对于盒模型、浮动、定位、渐变、阴影等CSS特性支持不足或者实现方式与其他现代...
可以使用条件注释来针对IE7单独加载样式表。 - **脚本库**:如果TD依赖于第三方脚本库,确保这些库也兼容IE7。必要时寻找替代方案或修补版本。 - **图片和其他资源**:确保所有图片、字体和其他资源都能在IE7中正确...
在CSS样式表的应用中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间存在一些显著的差异。这些差异主要集中在盒模型、居中对齐、边框与背景、鼠标指针样式、以及脚本处理等方面。理解这些差异对于创建...
通过上述方式,可以指定IE6使用`ie6.css`样式表,同时确保其他现代浏览器不受影响。 **2. 使用特殊CSS选择器** 针对IE特定版本的CSS hack可以通过选择器实现,如`* html`针对IE6,`*+html`针对IE7等。示例: ```...
浏览器Firefox与Internet Explorer(IE)在CSS样式表的解析上存在一些显著的差异,这些差异在实际开发过程中可能引起布局不一致或者样式显示错误。以下是一些关键的区别和解决策略: 1. **CSS Hack** - 为了针对...
2. **浏览器兼容性**:SharePoint 2007的设计考虑了多种浏览器的兼容性,因此在编写CSS时,要确保所用的样式在IE6至IE8等较旧版本的浏览器中也能正常工作。 3. **样式注入**:可以使用`corev4.css`文件来注入自定义...
一种常见的方法是利用HTML中的条件注释来加载特定版本IE的样式表。例如,可以为IE6到IE9分别提供不同的样式表: ```html <!--[if IE 6]> <link rel="stylesheet" href="ie6.css"> <![endif]--> <!--[if IE 7]> ...
- 在IE浏览器中动态添加样式表。 #### 四、处理iframe中的样式 在处理`iframe`内的样式时,需要注意以下几点: **1. 创建iframe** ```javascript var iframe = document.createElement('iframe'); ``` **...
- **CSS条件注释**:虽然在提供的示例中未使用,但在实际开发中,可以利用CSS条件注释来针对特定版本的IE提供不同的样式表。 例如,针对IE6的条件注释如下: ```html <!--[if lt IE 7]> ...
3. **布局引擎改进**:对于网页渲染,IE7对CSS(层叠样式表)支持进行了升级,改进了对CSS2.1标准的支持,使得网页设计更为灵活,同时也减少了与标准不兼容的问题。 4. **Tabbed Browsing(多标签浏览)**:IE7引入...
jQuery 提供了一个灵活的方法,使得开发者可以根据浏览器窗口的大小来动态加载不同的CSS样式表,从而实现响应式布局。以下是对给定标题和描述中的知识点的详细解释: 1. **jQuery 基础**:jQuery 是一个广泛使用的 ...
《CSS样式表详解》 CSS,全称Cascading Style Sheets,中文译为层叠样式表,是网页设计中用于控制网页元素呈现样式的语言。它与HTML或XML(包括SVG、XHTML等)等结构语言配合使用,使得网页内容与表现分离,实现了...