- 浏览: 2611382 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 -------实现语音输入
前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地区分了一下IE6|7|8
这篇开始主要加入IE各个版本一些问题的处理:
1、IE 8:
单独IE8识别的:在规则的值后面加上\0/
.test{ background:#fff\0/; }
- th不会自动 继承上级元素的text-align
方法:给th添加text-align:inherit;
th{ text-align:inherit; }
2、IE6
- *html ----- 只有IE6有效
- 双倍边距
添加display:inline到float的元素中。
- 在float元素后的元素会有3px间隔
方法:对应加上_margin-left:-3px;
3、IE7
单独IE7下识别的方式:*+html
/*加上*+html*/ *+html .test{ background:red; }
发表评论
-
css 基础之 em 与 rem
2017-02-27 14:03 970em 和 rem 都是相对单位,由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1248CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1093本文介绍一下css的clip属性: ... -
css之initial
2013-11-02 21:04 1136本文来自:https://developer. ... -
position为relative的限制
2013-10-25 15:39 1397本文主要来自:http://www.pl ... -
如果画圆角图片效果
2013-10-18 16:19 1205原效果在 http://smashingco ... -
bootstrap分拆之table
2013-07-11 14:44 0本文整理一下bootstrap中tabl ... -
触发hasLayout
2013-04-11 14:39 1302触发hasLayout: ... -
css opacity属性
2013-04-10 17:12 0内容参考:http://www.dreamd ... -
页面翻转效果
2013-04-01 19:08 0本文收集了一下页面翻转需要的代码: ht ... -
IE6下模拟fixed在scroll的时候有闪动
2013-04-01 18:13 1718IE6下,我们模拟fixed的时候会出现一种 ... -
-ms-filter
2013-04-01 18:14 1512本文简单记录一下-ms-filter ... -
IE9已经支持opacity
2013-04-01 12:12 0前言: 本文主要是看了iefa ... -
IE下的采用filter进行翻转
2013-04-01 19:09 1640本文简单记录一下:IE下使用filter来 ... -
css3案例之---采用rgba实现背景透明内容不透明
2013-03-28 17:44 2667前言: 部分内容来自doy的博 ... -
QR二维码相关
2013-03-25 14:36 1554前言: 本文主要整理采用Google ch ... -
关于初始加载页面的动画震动
2013-03-22 18:20 1580本文主要来自:http://css-tri ... -
QR二维码相关
2013-03-25 14:34 0前言: 本文主要整理采用Goo ... -
css解决方案之--- 模拟textarea高度自适应
2013-03-11 19:40 1574本文来自zhangxinxu的博客:《div模拟 ... -
css基础之text-decoration
2013-02-26 16:19 1395前言: 先看一个app的效 ...
相关推荐
在这些解决方案中,条件注释、有条件的类以及特定于IE的CSS hack是三种主要手段。然而,微软宣布IE10将不再支持插件及条件注释,这无疑对开发者提出了新的挑战。 首先,条件注释是IE浏览器的一个特性,通过特殊的...
在前端开发过程中,为不同浏览器编写兼容的CSS样式是必不可少的一部分,尤其是对于IE6、IE7、IE8等旧版本浏览器,由于它们遵循的CSS标准与现代浏览器存在较大差异,常常需要使用CSS-HACK来解决兼容性问题。...
常见的浏览器Hack技巧整理 如果你经常需要做前端页面,那么你一定多多少少需要解决页面的浏览器兼容问题。而浏览器兼容问题大部分也集中在对IE系列的兼容。这里就总结一下对IE系列的CSS Hack,记录一下,方便以后...
描述部分则阐述了在进行网页布局时遇到的跨浏览器兼容性问题,指出在不同的浏览器中预览网页可能会出现效果不一致的情况,作者因此整理了一套兼容性写法,以供需要的开发者参考。 标签中的“ie6hack”和“ie9hack”...
这些CSS Hack技术虽然能在一定程度上解决浏览器兼容性问题,但随着浏览器更新迭代,新的标准被广泛采纳,部分Hack方法已逐渐被淘汰。现代Web开发更倾向于使用CSS预处理器(如Sass、Less)以及autoprefixer工具,自动...
4. **注释hack**: 将CSS注释放在属性名或值之前,某些浏览器会忽略注释后的部分。 **常见的CSS Hack实例** - 屏蔽IE浏览器(IE下不显示): ```css *:lang(zh) select {font:12px !important;} ``` - 只针对IE...
通过针对IE的星号hack解决: ```css #box { float: left; width: 800px; } #left { float: left; width: 50%; } #right { width: 50%; } *html #left { margin-right: -3px; /* 关键代码,修复IE的...
7. **IE6兼容性问题**:IE6存在许多已知的兼容性问题,如图片间隙、双边距问题、li标签间隙和块状元素默认高度问题,这些问题通常需要特定的CSS hack来解决。 对于JavaScript部分: 1. **数组去重**:在ES6中,...
以下是根据标题、描述和部分内容整理出的知识点: 第一步:规划网站 规划是任何设计项目的基石。在这个阶段,你需要确定网站的基本布局和结构。教程中提供了一个示例网站,包含五个主要部分:导航条、头部、主要...
- 这里使用了CSS hack来确保IE6和IE7能够正确地解析行内块元素。 #### 三、清除浮动的方法及其优劣 **问题3:** 清除浮动有哪些方式?比较好的方式是哪一种? **答案:** 1. **清除浮动的方法:** - **方法1:*...
通过这些知识点的整理,可以看出前端面试题通常要求面试者具备扎实的基础知识、理解页面设计原则、熟悉前端开发工具及标准,并能够解决实际开发过程中遇到的问题。掌握这些知识点对于前端工程师来说至关重要。
在网页设计中,`<input>` 标签是创建交互式表单不可或缺的一部分,尤其是在创建输入框时。然而,由于浏览器之间的兼容性差异,给 `input` 标签添加 CSS 样式时可能会遇到一些挑战。以下是根据描述和提供的内容整理出...