随笔 - 270  文章 - 0  评论 - 30  阅读 - 61万

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
.tabd1{ background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/ background:url(/res/images/up/tab1.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 可以 

posted on   鱼塘总裁  阅读(798)  评论(0)    收藏  举报
编辑推荐:
· C#高性能开发之类型系统:从 C# 7.0 到 C# 14 的类型系统演进全景
· 从零实现富文本编辑器#3-基于Delta的线性数据结构模型
· 记一次 .NET某旅行社酒店管理系统 卡死分析
· 长文讲解 MCP 和案例实战
· Hangfire Redis 实现秒级定时任务,使用 CQRS 实现动态执行代码
阅读排行:
· C#高性能开发之类型系统:从 C# 7.0 到 C# 14 的类型系统演进全景
· 管理100个小程序-很难吗
· 基于Blazor实现的运输信息管理系统
· 如何统计不同电话号码的个数?—位图法
· 聊聊四种实时通信技术:长轮询、短轮询、WebSocket 和 SSE
< 2025年4月 >
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
4 5 6 7 8 9 10

点击右上角即可分享
微信分享提示