IE hack技术

Stella981
• 阅读 762

HTML5学堂:我们平日说的IE hack到底是什么,随着浏览器的发展,IE的hack技术也在不断的发生着变化,一起看看最新的IE hack。

何为hack?

行业中存在着各类浏览器,典型的如IE、火狐、谷歌等;另外,即便同样种类的浏览器,也存在着不同的版本,如IE6、IE7……IE11等。不同浏览器对于CSS的解析机制并不是完全相同的,因此有时会导致页面效果不同,得不到我们所需要的样式。此时,我们可以针对某种浏览器进行样式的设置,从而达到所有浏览器中显示效果的一致性。那么,这种能够标识出不同浏览器的书写方式就是hack(或者可以说,通过hack,可以只针对某种浏览器进行样式设置)

常用IE hack

_width:400px; /*IE6*/

+width:300px; /*IE6、IE7*/

*width:400px; /*IE6、IE7*/

width:200px\9; /*IE6 IE7 IE8 IE9 IE10*/

width:100px\0; /*IE8 IE9 IE10 IE11*/

注:测试时间为2015年12月月底

欢迎沟通交流~HTML5学堂

投稿或建议联系小编 QQ:3042966101

(长按二维码)

本文分享自微信公众号 - HTML5 WEB前端分享(h5course-com)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
马丁路德 马丁路德
3年前
[译]尤雨溪:Vue3将不会支持IE11
之前尤雨溪曾说过,Vue3将会出一个IE11的兼容版本,现在Vue3.0都已经发布很久了,却迟迟不见兼容版本的出现,原来是因为微软积极的推进自家的新Edge浏览器,并打算放弃IE,这让尤雨溪同学觉得兼容IE是否还有必要,来看看他的知乎:译文从Vue3开始开发的时候一直到2018年底,我们一直被问到有关IE11的支持。
Stella981 Stella981
3年前
Firefox浏览器设置字符编码格式
今天写博客,敲示例代码时遇到的问题。简单的HTML页面,在火狐浏览器出现中文乱码。如果是IE浏览器的话,直接通过菜单查看–编码就可以指定编码方式,解决乱码问题。现在Firefox浏览器版本升级太快,且展示方式也经常变化,本人还找了一番才找到火狐浏览器的设置字符编码的方式,在此分享出来,希望能帮到碰到这个问题的朋友。本人
Wesley13 Wesley13
3年前
IE 浏览器有多烂?第一个就给跪了···
!(https://oscimg.oschina.net/oscnet/9e0ec5aaa7ea440990dcd251be0a6fa8.jpg)怎么评价IE浏览器呢?很明显它每天都在影响着前端工程师的心情,相信很多前端工程师在调试浏览器兼容性时,都会在心里默默念叨:希望IE,特别是IE6下没问题。接下来我们来细数下关于IE浏览器的
Wesley13 Wesley13
3年前
JS实现网站提示用户升级IE浏览器
自2016年1月12日起,Microsoft不再为WindowsXP和InternetExplorer10及以下版本提供相应支持和更新。如果你继续使用这些,访客将可能受到病毒、间谍软件和其他恶意软件的攻击,无法确保个人信息的安全。作为站长就非常有必要一起抵制IE6、IE7、IE8等低版本IE浏览器!工具/原料Not
Stella981 Stella981
3年前
IE7、IE8、IE9对min
问题:    IE7、IE8、IE9对minheight不识别,其他无问题解决:   box{width:100px;height:35px;}   htmlbodybox{width:auto;height:auto;width:100px;minheight:35px;} 实例:
Stella981 Stella981
3年前
DIV+CSS解决IE6,IE7,IE8,FF兼容问题
1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了:1\.<metahttpequivmetahttpequiv"xuacompatible"content"IE7"/2.2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!i