- 浏览: 2613984 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
这些知识点网上很多,写的原因只是作为自己记录学习用。
<!--[if condition]> HTML <![endif]-->
下面是几个例子 (正好测试了一下baidu浏览器 1.3.2.171,发现它也认,My surprise!)
<!--[if IE]> (ie浏览器或者baidu的浏览器也能识别) <![endif]-->
<!--[if !IE]>除IE外都可识别<![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
- lte ---Less than or equal to 小于或等于
- lt ---Less than 小于
- gte ---Greater than or equal to 大于或等于
- gt ---Greater than 大于
发表评论
-
IE6系列之双倍边距
2013-12-13 13:41 1156本文记录一下ie6下: float ... -
img设置背景图
2013-10-25 18:15 1994如何给img元素设置背景图: ... -
BFC相关
2013-04-11 14:43 1291块级格式化上下文,独立的渲染区域。 ... -
css美化工具
2012-11-03 17:35 1551其实很多时候,我们写完css规则之后,我们思考的无非就是3件事 ... -
关于如何选择图片格式
2012-11-01 20:06 1349给出几种场景下对应的图片格式: 1、广告图片、照片、 ... -
图片格式汇总
2012-11-01 19:29 16721、jsp(JPEG) JPEG是一 ... -
css设置鼠标样式为背景图片
2012-10-01 11:16 4299其实在很多场合我们都已经体会到了这种需求,比如人人的图片翻页, ... -
关于页面跨平台字体样式探究
2012-07-29 18:28 1577前面写了一篇“Mac下的字体”,去各大网站关注了一下css代码 ... -
《编写高质量代码》读书笔记系列三---css命名
2012-06-25 21:55 15831、CSS命名推荐使用英语,不使用汉语拼音,可以根据内容来选 ... -
《编写高质量代码》读书笔记系列二低权重规则
2012-06-25 19:22 1733CSS设置的样式是可以层叠的,而且我们的CSS选择符也是有 ... -
type=file的样式控制---宽度(部分兼容性写法)
2011-12-10 21:40 28401.关于input的type=file控件的宽度问题。 ... -
opacity的思考
2011-10-04 19:53 1713今天在封装图片轮播的插件的时候,产生了这个opacity的小 ... -
css优化之简写规则
2011-10-02 14:37 1995最近一直在研究性能,关于前端优化,其实css部分还是有很多的提 ... -
空白边叠加引发的思考--ff和ie在解析div高度的时候的差异
2011-03-15 14:07 1994最近老大面试中遇到 ...
相关推荐
"CSS兼容IE8代码"是指针对IE8浏览器进行优化的CSS(层叠样式表)代码,以确保在IE8中能够正常显示和运行网页设计。在IE8中,由于其对CSS2.1标准的支持不完整,以及特有的盒模型、滤镜等特性,常常会导致现代网页设计...
IE浏览器支持特定的条件注释,允许开发者为不同版本的IE提供不同的CSS代码。例如,可以创建一个仅在IE浏览器中加载的CSS文件,包含专门为IE编写的CSS3样式。 ```html <!--[if lt IE 9]> ...
通过使用条件注释、CSS hack以及针对性的JavaScript修复,可以有效地解决这些问题,提供更好的跨浏览器兼容性。随着技术的发展,现代浏览器对CSS和JavaScript的支持已经更加统一,但了解这些历史遗留问题可以帮助...
对于宽度的调整,可以使用条件注释或者特定的选择器来区分IE6和现代浏览器: ```css #box { width: 600px; // for IE6.0 and others width: 600px !important; // for FF width: /* */ 500px; // for IE6.0 } ```...
解决方法包括使用条件注释提供特定于IE的样式,使用IE专有的CSS hack,或者借助于如 Normalize.css 和 Reset.css 等重置样式库来统一不同浏览器的默认样式。 2. 火狐浏览器兼容:火狐对CSS标准支持较好,但也有个别...
了解这些属性对于优化IE兼容性具有重要意义,可以帮助开发者更有针对性地编写CSS和使用Hack。 【标签】:“IE不支持的集中css” 以下是对这些不被IE支持的CSS属性的详细解释: 1. **Outline** Outline属性在不...
综上所述,解决IE8对CSS3媒体查询的不支持需要结合使用条件注释、第三方库(如`css3-mediaqueries-js`或`respond.js`)、polyfills等技术。通过这些方法,我们可以确保在保持现代网页设计最佳实践的同时,也为老版本...
更好的做法是使用条件注释或库(如jQuery)来处理兼容性问题。 5. **滤镜与行为**:IE6特有的滤镜(如AlphaImageLoader)和行为(如CSS Expression)可能在IE8中不被支持或有差异。需要检测并适配这些差异。 6. **...
作为开发者,需要根据目标用户的浏览器分布,针对性地优化CSS代码,或者使用条件注释、特性检测库等方法来确保在不同IE版本下的样式呈现一致性。同时,随着现代浏览器的普及,这些兼容性问题在新的项目中逐渐减少,...
2. **CSS Hack**:由于IE浏览器对CSS的解析与标准略有不同,开发者有时会使用特定的CSS Hack,比如条件注释、属性前缀等,来针对IE写入专门的样式规则,以修复布局和样式问题。 3. `filter`属性:IE浏览器特有的...
总结来说,为了让IE6、7、8支持HTML5的Canvas和CSS3特性,开发者需要利用各种工具、库和技巧,包括模拟实现、条件注释、polyfill以及优化策略。同时,持续推动用户更新浏览器,以提供更现代、更一致的Web体验。
解决IE浏览器兼容性问题的一种常见方法是使用条件注释或者JavaScript库,如jQuery。对于CSS3圆角,我们可以利用CSS3 PIE (CSS3 Prototypes and伊夫斯) 这个JavaScript库。PIE库可以扩展Internet Explorer 6-9,使其...
这段代码使用条件注释(仅在IE8及以下版本执行),引入了HTML5 Shiv的CDN链接。如果希望本地引用,只需将CDN链接替换为本地文件路径。 接下来是CSS3高级选择器的问题。IE8及以下版本只支持CSS2.1的选择器,如ID、类...
更好的做法是使用浏览器条件性注释,如在HTML中针对IE6和IE7添加特定的CSS文件链接,如`<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css" mce_href="ie6.css"> <![endif]-->`,这样可以保持...
这段代码使用了条件注释(Conditional Comment),只在IE8及以下版本加载`font-awesome-ie7.min.css`,其他现代浏览器则加载`font-awesome.min.css`。 对于开发者来说,理解`font-awesome-ie7.min.css`的工作原理并...
本篇文章将探讨如何使用CSS选择器来优化代码,使之适用于IE7+、Firefox 3、Opera 9以及Chrome等主流浏览器。 首先,理解CSS选择器的性能差异是优化的关键。CSS选择器分为多个级别,从基础的ID选择器(#id)、类选择器...
2. **CSS Hack**:为了实现IE9的兼容性,开发者可能使用了针对IE的特定CSS hack,例如条件注释、特定前缀(如`_property`或`*property`)或者特殊选择器,来修正样式在IE9中的渲染问题。 3. `display`属性:`simple...
- **CSS条件注释**:虽然在提供的示例中未使用,但在实际开发中,可以利用CSS条件注释来针对特定版本的IE提供不同的样式表。 例如,针对IE6的条件注释如下: ```html <!--[if lt IE 7]> ...
- **IE6和IE7的挑战**:这两个古老的浏览器对CSS2.1的支持有限,需要使用特定的hack或者条件注释来确保兼容性。 - **盒模型**:IE6和IE7对盒模型的理解与标准浏览器不同,可能需要调整`margin`、`padding`和`...
此外,使用条件注释或现代izr.js这样的库可以针对不同版本的IE应用不同的CSS或JavaScript,确保老版本浏览器也能正常显示。 最后,测试是确保兼容性的关键。使用多种浏览器进行实际测试,或者利用工具如...