`

浏览器兼容的一套hack

阅读更多
通过ie注释来区分IE浏览器版本

<!----> 除IE外都可识别 <!---->

在IE注释之前调用样式,该样式是指标准样式,通常也可说ff下浏览的样式,
在ie注释之后采用以下方式可引用专门针对opera下的浏览样式.如:
/* opera styles */
@media all and (min-width:0px){
    @import "print.css"
    BODY {font-size:<st1:chmetcnv tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="8" unitname="pt" w:st="on">8pt</st1:chmetcnv>;}

}
如此以来便又是一套区分并兼容浏览器的一套hack啦!


注:区分pc屏幕和打印机样式
1.
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:<st1:chmetcnv tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="12" unitname="pt" w:st="on">12pt</st1:chmetcnv>; }
}
 
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:<st1:chmetcnv tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="8" unitname="pt" w:st="on">8pt</st1:chmetcnv>;}
}


2.
分享到:
评论

相关推荐

    CSS代码解决浏览器兼容问题

    这种方法称为“条件注释”或“hack”,是一种解决浏览器兼容问题的常见策略。 除了`!important`之外,还有其他一些解决浏览器兼容问题的技术: 1. **使用浏览器前缀**:一些CSS3特性在早期版本的浏览器中需要特定...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    总的来说,这个项目提供了一套实用的解决方案,不仅实现了瀑布流布局,还通过优秀的浏览器兼容性优化,提升了用户体验。对于需要开发此类布局的前端开发者来说,这是一个值得学习和参考的示例。

    兼容IE678前端hack.zip

    总的来说,这个压缩包为开发者提供了一套工具和指南,帮助他们在面对旧版IE的兼容性挑战时,能够利用CSS Hack和JavaScript技巧实现更现代的网页设计效果,而无需依赖图片切片或其他传统方法。在实际项目中,合理运用...

    jquery弹出窗口效果 比较全 兼容所有浏览器

    本资源"jquery弹出窗口效果 比较全 兼容所有浏览器"聚焦于jQuery实现的弹出窗口效果,旨在为开发者提供一套全面且兼容性良好的解决方案。 首先,弹出窗口在网页交互中扮演着重要角色,常用于提示信息、用户确认、...

    browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera

    在前端开发中,CSS是构建网页样式的核心工具,但各个浏览器对CSS的解析和实现可能存在差异,这导致了跨浏览器兼容性问题。Sass(Syntactically Awesome Style Sheets)是一种CSS预处理器,它允许开发者使用变量、...

    底部固定悬浮工具栏jQuery代码兼容ie6+主流浏览器

    此外,CSS hack可能被用来解决在不同版本的IE浏览器中的样式兼容性问题,例如使用特定的前缀或者条件注释。对于IE6,可能还需要处理盒模型、透明度、浮动等问题。 最后,为了保证在不同浏览器上的表现一致,开发者...

    ie6~ie9 hack兼容写法 已测试

    描述部分则阐述了在进行网页布局时遇到的跨浏览器兼容性问题,指出在不同的浏览器中预览网页可能会出现效果不一致的情况,作者因此整理了一套兼容性写法,以供需要的开发者参考。 标签中的“ie6hack”和“ie9hack”...

    精选国外15个CSS框架整理.pdf

    2. **WYMstyle CSS Framework**:专注于提供模块化的CSS文件,方便快速构建网站布局,减少跨浏览器兼容性问题的调试工作。 3. **YAML CSS Framework**:由Dirk Jesse开发,支持所有现代浏览器,特别关注对Internet ...

    cheatsheets

    YUI 2.9 Cheat Sheets则聚焦于CSS,为开发者提供了一套详细的浏览器兼容性对照表,包括各个主要浏览器如Internet Explorer、Firefox、Chrome、Safari和Opera的CSS特性支持情况。 1. **盒模型兼容性**: CSS盒模型...

    完美兼容Ie6 jquery仿凡客商城图片放大镜及Tab小图切换

    在早期的网页开发中,IE6由于其特有的浏览器兼容性问题,经常给开发者带来挑战,但这个解决方案已经解决了这些问题。 首先,我们要理解"图片放大镜"功能。这是一种常见的网页交互设计,允许用户通过鼠标悬停在图片...

    web前端开发规范(20211003001501).pdf

    此外,需考虑浏览器兼容性问题,可能需要使用前缀或者条件注释来确保在不同浏览器中的正常显示。 5. JavaScript书写规范: - JavaScript代码的编写也应遵循一致性,例如函数命名、变量声明、注释等。此外,应避免...

    兼容IE8的jQuery瀑布流代码.zip

    这个压缩包中的代码示例将是一个很好的学习资源,帮助开发者了解如何在面临浏览器兼容性挑战的情况下,依然能实现现代网页设计效果。通过对代码的分析和实践,你可以深入理解jQuery、HTML5、CSS以及JavaScript在实际...

    ASP.NET2.0 + Access 评分系统

    总结来说,这个"ASP.NET 2.0 + Access 评分系统"涉及到了ASP.NET 2.0的Web开发基础、数据库交互、浏览器兼容性和前端布局等多个方面。开发者在使用过程中可能会遇到各种问题,如搜索功能的bug、浏览器兼容性、数据库...

    Projectic.zip

    Projectic可能采用了条件注释、CSS Hack等技术来解决IE6的样式问题,使得模板在不同浏览器间保持一致的显示效果。 3. **JavaScript脚本**:JavaScript用于实现交互性和动态功能。在IE6上,可能需要使用jQuery等库来...

    利用JQuery实现网页左侧树形菜单(IE6 IE7 Firefox下测试通过)

    通过这个项目,你不仅学会了如何使用jQuery实现树形菜单,还了解了浏览器兼容性问题的处理方法,这对提升网站的用户体验至关重要。在今后的开发中,记得始终关注代码的可维护性和适应性,以应对不断变化的浏览器环境...

    CSS禅意花园

    4. **浏览器兼容性问题**:学习如何处理不同浏览器之间的差异,对于确保网站在所有平台上都能正常工作非常重要。 5. **响应式设计与移动优先**:随着移动设备的普及,创建能够在各种尺寸屏幕上良好展示的网页变得...

    《CSS禅意花园》中文版

    本书不仅介绍Web标准的形成过程,还探讨了浏览器兼容性问题,说明了为何Web标准对于设计师和开发者至关重要。一个遵循标准的Web设计,可以确保其网页在不同的浏览器和操作系统中具有更好的兼容性,且对有特殊需求的...

    Web前端开发规范手册

    8. **浏览器兼容性CSS hack**:考虑到不同浏览器间可能存在差异,CSS代码可能需要特定的hack来确保在各种环境下正确显示。然而,应尽量避免过度依赖hack,而是优先使用跨浏览器的解决方案。 这些规范不仅提高了团队...

    前端项目-godlike.css.zip

    5. **浏览器兼容性处理**:为了确保在各种浏览器上的兼容性,godlike.css可能包含了一些针对特定浏览器的hack或者polyfills,来弥补不同浏览器对某些CSS特性的支持不足。 6. **CSS性能优化**:高效的CSS代码应避免...

Global site tag (gtag.js) - Google Analytics