前些日子，为客户制作了一个企业网站，当客户使用后台上传图片，前台无法显示，我进行检查所有操作正确。于是我上传图片结果前台显示，我当时就纳闷呀，（当然期间还经过一些我用火狐他用IE的情况）难不成这就是RP问题？最后进行详细的排查结果发现客户上传的是CMYK颜色模式的JPEG图片，IE是不能支持这种颜色模式的，可能因为CMYK和RGB之间转换会造成较大的颜色误差吧（显示器是RGB色彩模式）。
到目前为止微软的Internet Explorer 浏览器IE6,IE7,IE8都不支持CMYK颜色模式图像，除IE外其他浏览器均能支持，而通常网络上使用的基本都是RGB色彩模式
下面是两种模式的测试图，有条件的可以用IE和FF测试一下：
 |
 |
头部图片正确的色彩显示对照
]]>特别是右键菜单，其中有很多菜单项目都是平时用不上的， 比如很少有人会在页面上点右键，再选择后退、打印之类的操作吧？再装些扩展，那右键臃肿得不能看了。所以下面我介绍的是：Menu Editor（菜单编辑）扩展，可以自由的修改菜单。
整理日期 2009年02月10日 软件授权 免费使用 安装下载 立即安装
下面是截图
搜索结果第一页，但是我翻页之后结果都是相同
所有关键词搜索结果均为上面错误，发完此文，发现谷歌已经纠正了搜索结果
云计算：目前，PC依然是我们日常工作生活中的核心工具——我们用PC处理文档、存储资料，通过电子邮件或U盘与他人分享信息。如果PC硬盘坏了， 我们会因为资料丢失而束手无策。而在“云计算”时代，“云”会替我们做存储和计算的工作。“云”就是计算机群，每一群包括了几十万台、甚至上百万台计算 机。“云”的好处还在于，其中的计算机可以随时更新，保证“云”长生不老。Google就有好几个这样的“云”，其他IT巨头，如微软、雅虎、亚马逊 （Amazon）也有或正在建设这样的“云”。届时，我们只需要一台能上网的电脑，不需关心存储或计算发生在哪朵“云”上，但一旦有需要，我们可以在任何 地点用任何设备，如电脑、手机等，快速地计算和找到这些资料。我们再也不用担心资料丢失。
]]>FX由来：
。
常见兼容问题：
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
...
]]>常见兼容问题：
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以
8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。
9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：
div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;
10.IE5 和IE6的BOX解释不一致
IE5下
div{width:300px;margin:0 10px 0 10px;}
div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}
关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）
11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义
ul{margin:0;padding:0;}
就能解决大部分问题
注意事项：
1、float的div一定要闭合。
例如：(其中floatA、floatB的属性已经设置为float:left;)
<#div id="floatA" ></#div>
<#div id="floatB" ></#div>
<#div id="NOTfloatC" ></#div>
这里的NOTfloatC并不希望继续平移，而是希望往下排。
这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。
在
<#div class="floatB"></#div>
<#div class="NOTfloatC"></#div>
之间加上
<#div class="clear"></#div>
这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。
并且将clear这种样式定义为为如下即可：
.clear{
clear:both;}
此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden;
当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。
例如某一个wrapper如下定义：
.colwrapper{
overflow:hidden;
zoom:1;
margin:5px auto;}
2、margin加倍的问题。
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如：
<#div id="imfloat"></#div>
相应的css为
#IamFloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}
3、关于容器的包涵关系
很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。
4、关于高度的问题
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么回事）
5、最狠的手段 – !important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于"!important"会自动优先解析,然而IE则会忽略.如下
.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 */}
值得注意的是，一定要将xxxx !important 这句放置在另一句之上，上面已经提过
原文出处不详
]]>将以下代码保存为XML文件，文件名（douban）随便填写只要不是中文的都可以（不知道为何中国咋还不弄个XXP的系统之类的）或者直接下载douban.xml
...
]]>将以下代码保存为XML文件，文件名（douban）随便填写只要不是中文的都可以（不知道为何中国咋还不弄个XXP的系统之类的）或者直接下载douban.xml
然后放到 Mozilla Firefoxsearchplugins目录下
重新启动Firefox即可
下面是截图
代码：
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>豆瓣搜索</ShortName>
<Description>豆瓣搜索</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAABMLAAATCwAAEAAA
AAAAAAAAZgAAEXARACJ6IgAzhTMAUJZQAGajZgB3rXcAiLiIAJnCmQCqzKoAu9a7AMzgzADd690A
7vXuAP///wAAAAAAXu7MuIhlUyAIzO7u7u7u6wACM2qWi8y2AI7aIDeEIQAAioigACntQAAAAVUw
AH6gAABt7uynRCAAAK287u7lAAAJ6AAkjeYAAC7tuGQk3kAAC+7u7u3uoAACu2i87u0wABIIpCEi
IQAAvreKy2EAAACc3u7u7clgAAAUaIiLymAAAL3IAAC9+AAAAB8AAAAKAAAAAQAAAAEAAL3gAAAA
AAAAACcAAAABAAAACgAAAAEAAM8bAAAAAAAA+mAAAAAM</Image>
<Url type="text/html" method="GET" template="http://www.douban.com/subject_search?">
<Param name="search_text" value="{searchTerms}"/>
</Url>
<SearchForm>http://www.douban.com/</SearchForm>
</SearchPlugin>
]]>
http://www.motobit.com/util/base64-decoder-encoder.asp
修改以下资料保存为XML格式到 FF安装目录searchplugins 下 重新打开FF就能看见你定义的搜索引擎了
以下是添加搜索引擎到自己的FF软件下
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/"> <ShortName>搜索名称</ShortName> <Description>关键词</Description> <InputEncoding>网页编码</InputEncoding> <Image width="16" height="16">data:image/x-icon;base64,图标base64编码</Image> <Url type="text/html" method="GET" template="搜索引擎地址 如：http://blog.hi1980.com/?s=?"> <Param name="表名 如：keyword" value="{searchTerms}"/> </Url> <SearchForm>网址 如：http://blog.hi1980.com/</SearchForm> </SearchPlugin>
以下是给你的网站浏览者添加你的搜素引擎代码 在你的搜索引擎页面 head 之间插入一下代码
<link rel="search" type="application/opensearchdescription+xml" href="网址/opensearch_desc.xml" title="搜索引擎名称" />
opensearch_desc.xml代码如下
<?xml version="1.0" encoding="UTF-8" ?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"
xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>搜索引擎名称注意和上面的title名称一样</ShortName>
<Description>信息</Description>
<Image height="16" width="16" type="image/x-icon">图标地址 如：http://blog.hi1980.com/favicon.ico</Image>
<InputEncoding>网页编码 如：utf-8</InputEncoding>
<Url type="text/html" method="get" template="搜索引擎 如：http://blog.hi1980.com/?s={searchTerms}" />
<!--Url type="application/x-suggestions+json" template="suggestionURL" /-->
<!--moz:SearchForm>searchFormURL</moz:SearchForm-->
</OpenSearchDescription>
这个是我的，你可以查看源码-运行脚本 然后FF搜素哪里点击下拉列表就能看到如下图效果
<link rel="search" type="application/opensearchdescription+xml" href="http://blog.hi1980.com/opensearch_desc.xml" title="灵活家园" />
效果
现在我们介绍一种网页调试的辅助工具：Web Developer！ 它是运行在FF（指Firefox浏览器下同）环境中的插件，是目前公认为最为优秀的网页调试工具。
Web Developer作为FF的插件存在，主要功能表现在几个重要的方面：
对页面中的文本、图像、媒体文件进行控制，对网页所应用的CSS文件的id与class辅助查看，表格辅助查看，可以实现修改CSS文件实时显示出得到的页面效果等等。
Web Developer插件能够帮助我们对CSS网站进行分析，我们使用FF对网页进行浏览，运用Web Developer插件不仅仅只是能看到对方的源代码，还能方便的分析出页面的布局结构，CSS书写方式，鼠标所在位置的id或class是什么等等，使我们能迅速的理解、学习别人的成功经验，进而更加方便快捷的掌握CSS布局技术。
| 版本 | 1.1.6 简体中文版 |
| 版权所有 | 软件发行商 |
| 软件平台 | Firefox 1.0-3.0* |
| 整理日期 | 2008年05月25日 |
| 软件授权 | 免费使用 |
| 安装下载 | 立即安装（374KB） |
打开你所使用的帐户文件夹（路径C:Documents and Settings\你的用户名），通常会是使用超级用户名字一般为Administrator将其在资源管理器中的“应用程序信息Application Data以及C:Documents and SettingsLocal Settings下的Application Data（此两个文件夹要取消隐藏选项才能看到），复制到其他分区（即非还原分区）。
路径：C:Documents and Settings用户名\Local Settings\Application Data
路径：C:Documents and Settings用户名\Application Data
复制到其他分区例如：
路径：D:用户名\Local Settings\Application Data
路径：D:用户名\Application Data
红色部分为你所使用的用户名(一般为Administrator)
黄色部分为你所要复制的文件夹
注意：可能部分文件因为使用中无法复制，请忽略或者直接复制里面子文件夹.例如：FF的Mozilla Safari的Apple Computer等
接着在“开始”菜单中选择“运行”，输入“regedit”，然后点击“确定”按钮打来注册表。在打开的“注册表编辑器”窗口左侧，寻找并选择
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders
双击右侧的“AppData”，将其数据数值改为“你所复制的其他分区位置”
例如：D:Administrator\Application Data”，点击“确定”按钮。
双击右侧的“Local AppData”，将其数据数值改为“你所复制的其他分区位置”
例如：D:Administrator\Local SettingsApplication Data
注册表部分如果你懒得修改我这有现成的，参照图片所示中路径
退出注册表窗口，重新启动电脑就ok了
当然如果你不想保留系统盘中的Application Data 你也可以找到相应的目录将其删除，建议还是不要删除，保留备用吧
请修改前做好备份，以防不测，虽然本人已经拿自己的电脑测试过了
]]>