IE插件CSS调试软件IEDevToolBarSetup.r
ASP操作XML
10月29
20110711更新，CSS hack:区分IE6，IE7，IE8，IE9，firefox,兼容问题处理方法收集
.test{
color:#09F\0; /* IE8/9 */
color:#09F\0/; /* IE8 only */
}
:root .test { color:#963\9; } /* IE9 only */
/*或者下面的，但是下面的优先级小于上面的。Ps:老外的方法都是\0，根本没考虑Opera*/
@media all and (min-width:0){
.test{color:red\9; }/* IE9 only */
}
20100810更新
ie6重复字解决方法
去掉注释 或 加入 overflow:hidden; 或者重写结构 或者 在重复 区域加入一个hackbox ,代码如下
<div style="height:0;line-height:0;padding:0;margin:0;"></div>
火狐下层重叠解决方法，在层中加入标签overflow:auto;
火狐下尽量不要用缩写，例如 margin:5px 4px 3px 2px; 分开写margin-top:5px; margin-right:4px; margin-bottom:3px; margin-left:2px; 相同标签有padding,border 等
尽量使用语义标签 例如标题h1,h2,h3，文字font等等
20100720最新 全面兼容ie6,ie7,IE8,Firefox的CSS Hack写法 当然顺序不能写错
[code]
#body {
border:2px solid #00f; /*ff的属性*/
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的属性*/
}
[code]
区别IE6与FF：background:orange;*background:blue;
区别IE6与IE7：background:green !important;background:blue;
区别IE7与FF：background:orange; *background:green;
区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
另外再补充一个，下划线"_",IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6，IE7，firefox: background:orange;*background:green;_background:blue;
至于兼容IE8，放出一行代码就OK了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
另外FIREFOX火狐下字体走样，也许是因为浏览器的默认设置，需要做更改，具体
工具--选项--内容--字体&颜色--选择“宋体”
火狐是很保守的浏览器，设置CSS的时候最好写的详细一些，例如在IE中可以这样写border-width:0px 1px 1px 1px; border:solid #006600;但在火狐中需要这样写border-top:none; border-left:1px solid #006600;border-right:1px solid #006600;border-bottom:1px solid #006600;
黄金法则：结构写的好，不需要用hack，经常看大网站写的能提高自己，当然要自己动手写才能遇到问题，总结问题，解决问题
.test{
color:#09F\0; /* IE8/9 */
color:#09F\0/; /* IE8 only */
}
:root .test { color:#963\9; } /* IE9 only */
/*或者下面的，但是下面的优先级小于上面的。Ps:老外的方法都是\0，根本没考虑Opera*/
@media all and (min-width:0){
.test{color:red\9; }/* IE9 only */
}
20100810更新
ie6重复字解决方法
去掉注释 或 加入 overflow:hidden; 或者重写结构 或者 在重复 区域加入一个hackbox ,代码如下
<div style="height:0;line-height:0;padding:0;margin:0;"></div>
火狐下层重叠解决方法，在层中加入标签overflow:auto;
火狐下尽量不要用缩写，例如 margin:5px 4px 3px 2px; 分开写margin-top:5px; margin-right:4px; margin-bottom:3px; margin-left:2px; 相同标签有padding,border 等
尽量使用语义标签 例如标题h1,h2,h3，文字font等等
20100720最新 全面兼容ie6,ie7,IE8,Firefox的CSS Hack写法 当然顺序不能写错
[code]
#body {
border:2px solid #00f; /*ff的属性*/
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的属性*/
}
[code]
区别IE6与FF：background:orange;*background:blue;
区别IE6与IE7：background:green !important;background:blue;
区别IE7与FF：background:orange; *background:green;
区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
另外再补充一个，下划线"_",IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6，IE7，firefox: background:orange;*background:green;_background:blue;
至于兼容IE8，放出一行代码就OK了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
另外FIREFOX火狐下字体走样，也许是因为浏览器的默认设置，需要做更改，具体
工具--选项--内容--字体&颜色--选择“宋体”
火狐是很保守的浏览器，设置CSS的时候最好写的详细一些，例如在IE中可以这样写border-width:0px 1px 1px 1px; border:solid #006600;但在火狐中需要这样写border-top:none; border-left:1px solid #006600;border-right:1px solid #006600;border-bottom:1px solid #006600;
黄金法则：结构写的好，不需要用hack，经常看大网站写的能提高自己，当然要自己动手写才能遇到问题，总结问题，解决问题
tommyhuc.cn网友
2010/08/11 12:52
占个沙发，这些了解了。
分页： 1/1 
1 
1
灰常多的分类
- ASP.NET [171]
- wcf [6]
工作流 [4] - moss [1]
- 设计模式 [5]
- ASP.NET MVC [55]
- Razor [5]
- NVelocity [1]
- ASP [149]
- 静态化 [0]
- 缓存技术 [0]
- 数据抓取 [1]
- JSP [1]
- PHP [54]
- Android开发 [2]
- Iphone开发 [3]
- Linux [1]
- DBA [20]
- W3C前端技术 [168]
- SEO优化 [23]
- 服务器技术 [95]
程序员面试题 [13] - 网络营销 [2]
- 奇趣网络信息 [396]
- 情感分享 [429]
- tommy的掰活 [246]
- 影像日志 [55]
- 读书 [25]
- 逗乐搞笑 [75]
热门围观排行榜：
- [85249]DVBBS ASP 8.2首页调用详解
- [75364]解决WORD每次启动发送错误报告的方法
- [56713]超感人的卡农版励志广告短片You Can Shine
- [20401]usboot导致u盘变小容量丢失（朗科Netac U180修复、量产工具...
- [15876]hello,world!
- [14669]安妮宝贝《莲花》电子书下载(pdf,word,txt格式)
- [14511]少女与小偷 - 有点感人
- [13646]RSS Feed收录网站
- [12852]三毛的字,三毛的照片,三毛的声音,三毛写的歌曲
- [12760]迅雷种子下载《斯巴达300勇士》DVD中英双字1024x576高清版
- [12718]windows server 2003安装sp2补丁及密钥无效问题解决
- [12556]路由器始终显示连接中，无法上网。
- [12258]国内UED团队博客和行业聚合类网站
- [11405]用微软LIVE来申请自己域名为后缀的邮箱
- [11367]一个男人该有的气质（马云原话）
最新日志
随便拿点来看看：
最新评论
赞助推广
好多好多关键词
发起人朱宁 白鸦谈创业项目：“逛”的逻辑与快产品法则 ucdchina 发起人 朱宁 网页表单所谓“组合锁”概念的使用 组合锁 c#数据集应用大全 ado.net数据处理 ado.net常用 用.xsd （数据集）生成数据层(dal)代码 数据集xsd的使用 介绍一下代理模式(proxy) asp.net面试题 程序员面试题 亲爱的妈妈，节日快乐！ 写在母亲节 k2工作流 工作流培训视频 k2工作流平台移动办公审批最佳实战 什么是工作流引擎,做什么用的！ 什么是工作流 xquery，xmlquery是什么东东，一起来瞧瞧！ 什么是xquery xquery简介 刘子健《星》 “做生活的赢家！”——“逆光赢家”刘子健 刘子健 魅族手机 魅族官网违规被查封 魅族官网被封 魅族官网 工作流软件 工作流常见名称 工作流典型应用 禅理即心理 洞悉禅机 老婆在哪里 找个媳妇咋这么难呢？！ asp.net2.0网站发布生成固定.dll的问题 网站生成固定dll visual-studio打开自动登录tfs源代码管理器 tfs自动登录 快速理解wcf的几个小点 wcf入门 wcf快速入门 wcf技术框架是基于soa思想的具体实现，也谈soa和wcf wcf技术于soa思想 wcf消息
关于本博
主域名：http://tommyhu.cn/ 查看站志
建站宗旨：专注互联网开发及运营技术，提供相关资料及软件下载，奇趣网络时事评论！
站长邮箱：admin#tommyhu.cn
上线于：2009/02/26 15:50
这些词比较火爆
- tommyhu[70] asp.net[67] 爱情[61] 爱情故事[55] 男孩[51] 女孩[47] asp.net-mvc[42] php[35] 自由[32] 进取[30] 乐观[30] attach[24] 苏州生活[24] 程序员[21] 向上[20] asp[18] tommy[18] 80后[17] 男人[16] php函数[15] 搞笑[14] 生命[13] 生活[13] 创业[13] 感人[12] 女人[12] c#[12] 网络[11] 苏州[11] jquery[11] 人生[10] 恋爱[9] 故事[9] css[9] asp代码[9] 网页设计师[9] 美女[8] separator[8] php代码[8] mvc[8]