css针对(各大浏览器、各版本)调兼容
ie6\ie7\firefox之下各自识别的CSS符号
1 | # 1 { color : #333 ; } /* firefox */ * html # 1 { color : #666 ; } /* IE6 */ *+html # 1 { color : #999 ; } /* IE7 */ |
那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999。
最狠的手段 !important; 如果实在没有办法解决一些细节问题,可以用这个方法.火狐对于"!important"会自动优先解析,然而IE则会忽略.如下
1 | .tabd 1 { background : url (/res/images/up/tab 1 .gif) no-repeat 0px 0px !important ; /*Style for FF*/ background : url (/res/images/up/tab 1 .gif) no-repeat 1px 0px ; /* Style for IE */ } |
IE5 和IE6的BOX解释不一致 IE5下
1 | div{ width : 300px ; margin : 0 10px 0 10px ;} |
div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改
1 | div{ width : 300px !important ;width /**/ : 340px ; margin : 0 10px 0 10px } |
关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)
cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】凌霞软件回馈社区,携手博客园推出1Panel与Halo联合会员
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· C#高性能开发之类型系统:从 C# 7.0 到 C# 14 的类型系统演进全景
· 从零实现富文本编辑器#3-基于Delta的线性数据结构模型
· 记一次 .NET某旅行社酒店管理系统 卡死分析
· 长文讲解 MCP 和案例实战
· Hangfire Redis 实现秒级定时任务,使用 CQRS 实现动态执行代码
· C#高性能开发之类型系统:从 C# 7.0 到 C# 14 的类型系统演进全景
· 管理100个小程序-很难吗
· 基于Blazor实现的运输信息管理系统
· 如何统计不同电话号码的个数?—位图法
· 聊聊四种实时通信技术:长轮询、短轮询、WebSocket 和 SSE