CSS Hack
2016-05-16 16:41
447 查看
CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。
一、css hack技术(CSS类内部的Hack:是指CSS属性或属性值里加上只有某个浏览器自己可以识别的特殊字符串。例如IE6和IE7都会识别在CSS里属性名称前加上“*”号的属性,但是firefox却无法识别带“*”号的属性):
body{
background:green; /* firefox下的显示 */
*background:red; /* IE6和IE7下的显示 */
}
div{
background:red;/* FF */
background:blue\0;/* OP */
background:turquoise\9;/* IE8+ */
[background:red;background:black;/* SA,CH */
*background:green; /* IE7 */
_background:yellow;/* IE6 */
}
二、html hack技术(IE的版本是8或者比8低的IE浏览器才会执行下面的样式):
<!--[if lte IE 8]> <!-- IE条件注释-->
<link src="iecss.css" rel="stylesheet" />
<![endif]-->
一、css hack技术(CSS类内部的Hack:是指CSS属性或属性值里加上只有某个浏览器自己可以识别的特殊字符串。例如IE6和IE7都会识别在CSS里属性名称前加上“*”号的属性,但是firefox却无法识别带“*”号的属性):
body{
background:green; /* firefox下的显示 */
*background:red; /* IE6和IE7下的显示 */
}
div{
background:red;/* FF */
background:blue\0;/* OP */
background:turquoise\9;/* IE8+ */
[background:red;background:black;/* SA,CH */
*background:green; /* IE7 */
_background:yellow;/* IE6 */
}
二、html hack技术(IE的版本是8或者比8低的IE浏览器才会执行下面的样式):
<!--[if lte IE 8]> <!-- IE条件注释-->
<link src="iecss.css" rel="stylesheet" />
<![endif]-->
相关文章推荐
- CSS filter滤镜
- css父元素背景覆盖其子元素背景
- 样式重置
- css3 容器内容垂直居中
- 11种dialogBox样式打包开源,逐一详解
- CSS3那些不为人知的高级属性
- css中margin-left和left的区别
- 《CSS权威指南》基础复习+查漏补缺
- css的relative与absolute(一)
- CSS:@font-face的使用方法
- Qt利用setStyleSheet设置样式
- ACE框架整合记录6菜单权限列表样式效果
- 网页中经常见到的,点击菜单栏,跳转到执行元素的位置
- CSS3:背景
- css样式定义标记(. # html)
- html+css上传文件控件美化
- (原)css 响应式媒体查询 模板
- CSS 响应式 补充
- css样式表中的样式覆盖顺序
- css collapsing margins问题