CSS Hack是什么?ie6,7,8的hack分别是什么

CSS Hack是一种针对不同浏览器(如Internet Explorer、Firefox、Opera等)的CSS样式特殊写法,通过使用不同的CSS语法或者使用特定条件的判断语句,让CSS代码能够针对不同的浏览器进行差异化渲染,从而达到兼容的目的。

对于Internet Explorer 6、7、8,CSS Hack主要有以下几种写法:

条件注释法

`<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->`

在上面的代码中,通过条件注释法,针对不同的IE版本加载不同的CSS样式表文件。

属性选择器法

对于IE6,可以使用属性选择器法来写Hack,例如:

`*+html .selector {color: red;} /* IE6 */`

对于IE7,可以使用以下代码:

css`*:first-child+html .selector {color: red;} /* IE7 */`

对于IE8,可以使用以下代码:

css`*+html .selector {color: red;} /* IE8 */`

针对盒模型的Hack写法

针对IE6的盒模型Hack写法如下:

`.selector {width: 100px; padding: 0 10px; _width: 90px; _padding: 0;} /* IE6 */`

针对IE7的盒模型Hack写法如下:

`.selector {width: 100px; padding: 0 10px; zoom:1;} /* IE7 */`
相关推荐
m51276 分钟前
LinuxC语言
java·服务器·前端
Myli_ing1 小时前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维1 小时前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~2 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ2 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z2 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜2 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4042 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish2 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five2 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript