当前位置: 首页 > 工具软件 > Hack Font > 使用案例 >

cssHack

戚阳文
2023-12-01

目录

1. 什么是CSS Hack?

2. 属性Hack  |  属性前缀法(即类内部Hack)

3. 选择符Hack  |  选择器前缀法(即选择器Hack)

4. 条件Hack  |  IE条件注释法(即HTML条件注释Hack)

1. 什么是CSS Hack?
由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack!

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。
CSS Hack常见的有三种形式:
属性Hack、选择符Hack、条件注释Hack, Hack主要针对IE浏览器

2. 属性Hack  |  属性前缀法(即类内部Hack)
属性级Hack:
比如IE6能识别下划线“”和星号“”,
IE7能识别星号“”,但不能识别下划线” ”,而firefox两个都不能认识。
background-color:red9; 9所有的ie浏览器可识别;
background-color:yellow0; 0 是留给ie8的。

3. 选择符Hack  |  选择器前缀法(即选择器Hack)
比如IE6能识别 *html .class{},IE7能识别*+html .class{}

4. 条件Hack  |  IE条件注释法(即HTML条件注释Hack)
条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。

5. 注意:
        实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

        CSS hack书写顺序,一般是将适用范围广、被识别能力强的CSS定义在前面。
CSSHack解决兼容
09-03
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
IE10 CSS Hack介绍及IE11的CSS Hack提前了解
09-25
一个页面IE10下有问题,IE9下测试了一下,也有同样的问题。悲剧了赶紧找IE10的hack,下面的方法还是比较实用的,感兴趣的朋友可以参考下


史上最全的CSS hack方式一览_freshlover的专栏_css hack
1-8
CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。 属性前缀法(即类内部Hack):例如 IE6能识别下划线"_"...
css hack是什么_“ CSS Hack”的解释是什么?_culi3182...
12-31
Which of the following Microsoft Browsers do you currently write or include CSS hacks for? 您当前为以下哪些Microsoft浏览器编写或包括CSS hack? When I first studied the results, I seemed to have missed an oddity in the ...
IE9的css hack使用示例
09-25
ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下,需要的朋友可以学习下
CSS教程之通用的css hack简介
09-25
本文主要介绍了通用的css hack
css hack比较全_smshuxue的专栏
1-4
很多朋友搞不清楚CSS中有哪些HACK,怎么使用,我翻译+整理了一下贴在这里。这篇文章是关于CSS的hacking技术。不要和微软专有 的CSS属性“滤镜”混淆。在理想世界里,正确的CSS应该在任何支持CSS的浏览器里工作良好。不幸的是,我们并不是...
CSS hack技巧大全
10-23
important也作为一个hack手段,其实这是一个误区。!important常常被我们用来更改样式,而不是兼容 hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是,大家...
IE8的css hack \9 使用说明
12-11
首先感谢“丸子”提供的这个IE8的css hack; 关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack: .test{ color:#000000; /* FF,OP支持 */ color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;...
说说CSS Hack 和向后兼容(推荐)
12-09
说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这...
CSS Hack详解
01-19
摘要: 在我们制作页面时CSS hack由于不同的浏览器,比如Internet Explorer,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对...
最新CSS hack技术(IE6/7/8)
09-25
最新CSS hack技术(IE8),需要的朋友可以参考下。
CSS Hack是什么意思?css hack有什么用?
热门推荐
大眼萌
 4万+
第一部分:什么是CSS Hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。 例如: 1、margin属性在ie6中显示的距离会比其他浏览器中显示的距离宽2倍,也就是说margin-left:20px;在ie6中距左侧对象的实际显示...
CSS Hack 汇总快查 振之整理
01-19
屏蔽IE浏览器(也就是IE下不显示)*:lang(zh) select {font...仅IE7与IE5.0可以识别*+html select {…}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 仅IE7可以识别*+html select {…!important;}当面
CSS Hack Table
07-15
CSS Hack Table CSS Hack栏目收集常见CSS bug漏洞兼容问题,并提供DIV CSS hack的解决方法。简单地讲,css hack指各版本及各品牌浏览
CSS Hack 有关浏览器兼容方面
09-25
写完第七课,因为时间问题没有继续写第八课有关浏览器兼容方面的文章,以为大家可以自己掌握这方面的知识,不过发现有很多同学找了很多资料,很多文章去研究,费时费力的,效果也...带领大家用最短的时间掌握CSS Hack!
css hack符,CSS Hack
weixin_35063366的博客
 8
各种ie兼容hack属性标记法IE6-对于IE6-浏览器主要使用下划线_和中划线-这两种字符_color:blue;-color:blue;IE7-对于IE7-浏览器可以使用非常多的字符,包括`~!@#$%^&*()=+{[]:<>,.?/但是,比较常用的是加号+和星号*+color:blue;*color:blue;IE10-使用后缀\9可以识别出IE10-浏览器colo...
CSS Hack技术介绍及常用的Hack技巧集锦
09-25
主要介绍了CSS Hack技术介绍及常用的Hack技巧集锦,本文讲解了什么是CSS Hack、常用的CSS Hack、IE6对!important的支持、IE6下的多选择符等内容,需要的朋友可以参考下
css hack 记录
09-25
css hack 记录,做前端开发的朋友可以看下。
css hack问题
09-25
ie5 hack, ie 6 hack, ie 8 hack,ie 9 我没用,暂时也没接触过9的hack,随着浏览器的更新(而且换代越来越快),是不是我有写不完的hack,还是说高手从不写hack。
HTML期末作业~个人信息展示网站响应式模板(HTML+CSS+JavaScript)
最新发布
陈新科的博客
 85
项目:雷神个人信息展示项目 作品描述:个人信息展示网站响应式模板HTML+CSS+JavaScript。主要包括的页面有HOME,ABOUT,MOVIE,SPORTS,TRAVEL,SINGLE,CONTACT等总共7个页面。 视频链接:分享两个前端网页,能用我的就别自己做了(含源码) 实现技术:CSS+HTML+JS+H5+CSS3+jqury+bootstrap; 作品演示 1.网站首页 2.MOVIE页 3.响应式 目录结构 代码展示 <header cl
HTML5前端笔记
weixin_44860598的博客
 231
文章目录HTML图片表格表单布局与选择器选择器权重文本属性图的使用元素浮动HTML5新增标签和属性常用新标签常用新属性新增的type属性值多媒体标签多媒体 embed多媒体 audio多媒体 videoCSS属性基本三大类型布局中的定位语义化标签笔记Div与SpanCSS基础语法内联样式与内部样式外部样式CSS颜色表示法背景样式CSS边框样式CSS文字样式CSS文本效果CSS段落样式CSS复合样式CSS选择器伪类选择器CSS继承CSS优先级CSS盒子模型box-sizingmargin使用问题margin自
H5零基础-盒子模型简介
u010707262的博客
 1
所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。 CSS盒子模型本质上是一个盒子,封装周围的HTML

 类似资料:

相关阅读

相关文章

相关问答