`

IE8 hack 集

阅读更多

最近察觉到在FF中显示正常的页面,在ie8中并不一定正常,所以有关处理ie8的hack 技术也出现了。

解决方法:

 1.‘\9’:

    eg:.test { color/*\**/: blue\9 }

.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/

2.利用条件注释语句:<!–[if IE]> 此内容只有IE可见 <![endif]–>         

                lt 表示less than 当前条件版本以下的版本,不包含当前版本。

                gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

                lte 表示less than or equal 当前版本以下版本,并包含当前版本。

3.其它hack 技术:

 

.color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
.color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
.color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
.color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
分享到:
评论

相关推荐

    Font-Awesome在ie7下不能toggle图标解决方案

    Font-Awesome是一个广泛使用的开源图标集,它通过Web字体技术提供图标,这在现代浏览器中通常工作良好,但在旧版本的IE,尤其是IE7中,可能会遇到兼容性问题。 首先,我们需要理解Font-Awesome的工作原理。它依赖于...

    IE6兼容心得(自己总结的)

    #### 四、IE6特定的CSS Hack 为了兼容IE6,开发者经常需要使用特定的技术来解决CSS渲染问题,例如: - **CSS表达式**: 可以使用CSS表达式来动态设置样式。 - **条件注释**: 条件注释允许在HTML中嵌入特定于IE版本...

    基于bootstrap兼容ie7+后台模板

    在实现对IE7+的兼容时,开发者可能需要利用特定的CSS hack或者JavaScript库,如jQuery,因为Bootstrap本身只支持IE9及以上版本。例如,使用条件注释、*前缀属性或者expression()表达式来解决IE7特有的样式问题。同时...

    ie6-png解决方案2

    在IE6浏览器中,PNG格式的透明图像是一个常见的问题,因为IE6不完全支持PNG8和PNG24格式的alpha透明。这个问题在现代浏览器中已经不存在,但在2000年代中期,它是一个广泛面临的技术挑战。"ie6-png解决方案2"是针对...

    IE6中PNG Alpha透明(全集)

    由于IE8及以上版本不再支持AlphaImageLoader,因此通常会使用CSS Hack来确保只在IE6中应用这个解决方案。 2. **PNG Transparency in IE**: 这种方法通过在JavaScript中引入滤镜,可以模拟PNG图像或背景的Alpha...

    苏沈小雨全集

    这份手册可能详细阐述了IE在2002年时对于CSS的支持情况,包括一些非标准的属性和行为,如`*html` hack、`hasLayout`机制、盒模型差异等问题。了解这些内容有助于开发者解决IE兼容性问题,确保网站在不同浏览器上的...

    Drupal精华教程集2

    CSS的调整是关键,不仅要考虑美观,还要处理各种浏览器的兼容性问题,尤其是针对IE6、IE7和Firefox等有自己标准的浏览器,可能需要使用hack CSS来解决。 教程还提到,不同类型的节点(如图片、博客)可能需要不同的...

    Projectic.zip

    4. **图标和图片**:模板通常包含一套完整的图标集和背景图片,这些资源可能需要进行PNG8格式优化,以适应IE6对PNG透明度的支持问题。 5. **其他文件**:可能还包括字体文件、数据文件、文档等,帮助用户理解和使用...

    Assistant分析软件使用教程

    3. **创建分析集**:在“Project&gt;AnalysisGroupManager”中,根据测试需求创建分析集,以便进行数据统计和报告生成。 4. **执行分析任务**:导入数据后,执行分析,完成后的分析结果和报告可在软件中查看。 #### ...

    bootstrap-4.0.0-beta.2.zip

    不再支持IE8,使用rem和em单位:放弃对IE8的支持意味着开发者可以放心地利用CSS的优点,不必研究css hack技巧或回退机制了。使用rem和em代替px单位,更适合做响应式布局,控制组件大小。如果要支持IE8,只能继续用...

    前端面试题汇总

    - **IE6/7/8的Hack**: - IE6:`*expression` - IE7:`_expression` - IE8:`*+html expression` **22. 行内元素和块级元素的区别** - **行内元素**:在同一行内显示,不会独占一行。 - **块级元素**:默认独占...

    常见java前端面试题及Java面试问题集

    例如,为了仅让 IE8 浏览器识别某些样式,可以使用类似 `*html` 的选择器。 **6. 简述同步和异步的区别** - **同步**:同步操作是指执行顺序按照代码的先后顺序进行,前一个任务未完成前,下一个任务无法开始。...

    datatable例子 超大表格

    对于兼容旧版 IE 浏览器,这个 CSS 文件可能包含了特殊的 hack 或条件注释,以解决这些浏览器的样式兼容性问题。 `ltext_core.js` 和 `datatable3.0.js` 是 JavaScript 文件,它们提供了 Datatable 功能的核心逻辑...

    java资料夹

    解决这类问题可能需要使用特定的CSS hack,或者引入针对旧版IE的polyfill库,以实现更好的兼容性。 以上内容只是对给定文件名称的初步解读,实际的文本内容可能包含更详细的技术解释和具体实现步骤。对于Java开发者...

    jQuery对表格的列冻结

    例如,对于IE6/7,可能需要使用`expression`属性来实现动态定位,而IE8及以上版本则可以直接使用jQuery的`scroll`事件。 6. **优化性能**:由于滚动事件会频繁触发,为了提高性能,可以使用`requestAnimationFrame`...

    Cross-browser_Custom_HTML_Select_Tag_Arrow:实现自定义箭头HTML Select标签的解决方案

    此外,对于IE8和IE9,可能需要使用条件注释或特定的CSS hack来实现功能。 在项目"Cross-browser_Custom_HTML_Select_Tag_Arrow-master"中,可能包含以下内容: 1. HTML文件:演示如何在Select标签中嵌入SVG或...

    最全前端面试题-2(css篇-上百篇题集整理1个月)

    【IE与其他浏览器差异】:IE浏览器对某些CSS特性支持较弱,需要使用条件注释或hack解决。 【px、em、rem的区别】:px是绝对单位,em基于父元素字体大小,rem基于根元素字体大小,用于实现响应式设计。 【实现圆形...

    div+css页面布局,新手入门教材,2天学会div+css

    因此,需要处理浏览器特有的显示问题,如使用条件注释或专门的CSS hack来解决IE的显示BUG。 8. **页面内文本样式**:CSS可以设置文本的颜色、字体、大小、对齐方式等,使网页内容更具可读性和美观性。 9. **头部...

Global site tag (gtag.js) - Google Analytics