兼容IE6的返回顶部代码
不久前就在小站加了一个返回顶部的代码，但由于一直没有去理会IE6的浏览情况，所以没有发现，原来IE6下，是不兼容这个返回顶部，在IE6下，出现的地方，是在页面的最底部还要下面的地方，多杯具的一个事情。
一开始，我折腾的返回顶部，是固定下在版权信息的右上角的，后来看到很多论坛都有那么一个代码，就摸索着怎么给偷过来用，毕竟也就是一个JS应用嘛，写我肯定是不会的，偷还是稍微会一点，欢淫对我进行鄙视，哈哈~~~
IE7及以上的浏览器版本，是完全可以兼容的，唯独IE6这个老不死的东西，就是这样子的折腾人，没办法，单独处理。
通过html判断IE版本
通过HTML来判断IE版本，目的就是为了在某个特定的IE版本下，实行某个特定的JS或者进行CSS hack，IE版本中，目前最悲剧的版本就是IE6了。
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。
同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并 且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。
条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（目前为IE 7）。
条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。
Web前端开发规范文档
为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改.
以下为[WEB前端开发规范文档]正文
规范目的
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.
基本准则
符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.
文件规范
1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;
CSS:透明样式-opacity:0.8;filter:alpha(opacity=80)
要让页面在firefox和IE中都能透明，只要在CSS样式里面使用：
FILTER: alpha(opacity=80);
-moz-opacity: 0.8;
注意: -moz-opacity: 0.8; 前面的 - 不能缺少.
css鼠标指针形状代码参考
搜集了一些常用的css控制鼠标指针的代码供大家参考,推荐大家收藏
<span style="cursor:hand">hand：是大家所熟悉的手型。</span>
<span style="cursor:crosshair">crosshair：是十字型。</span>
<span style="cursor:text">text：是平时鼠标移动到文本上的样式。</span>
<span style="cursor:wait">wait：是等待的效果。</span>
<span style="cursor:default">default：是默认的那种效果。</span>
<span style="cursor:help">help：是带问号的鼠标样式。</span>
<span style="cursor:e-resize">e-resize：是向右的箭头。</span>
<span style="cursor:ne-resize">ne-resize：是向右上方的箭头。</span>
<span style="cursor:n-resize">n-resize：是向上的箭头。</span>
<span style="cursor:nw-resize">nw-resize：是向左上方的箭头。</span>
<span style="cursor:w-resize">w-resize：是向左的箭关。</span>
<span style="cursor:sw-resize">sw-resize：是向左下的箭头。</span>
<span style="cursor:s-resize">s-resize：是向下的箭头。</span>
<span style="cursor:se-resize">se-resize：是向右下方的箭头。</span>
<span style="cursor:auto">auto：是系统自动的效果。</span>
关于min-height的IE6及以下浏览器的Hack
刚做网站的时候遇到一个浏览器最小高度min-height 在IE6中不能自动伸展的问题，通过谷歌搜索了一下子，找到了答案...
例如：
#container{
height:500px;
background:#00F
}
#page{
min-height:500px;
background:#F00
}
CSS设计中的HACK，CSS解决方案
CSS对IE7，IE6，FireFox和其它不同浏览器的控制——CSS设计中的HACK，CSS解决方案[集合版]
IE7终于向标准更迈进一步了，!important支持了，原来的width+margin+border+padding的问题也好了。
我相信一样还会有很多的人遇到和我一样的问题，我绝对相信，因为我在网上看到很多人在讨论这个问题，我在网上搜索了好些天，找到了一些解决不同浏览器中CSS的问题。希望对你们能有些帮助！
Hack
相信很多人听说过Hack，就是在CSS代码里加入一些如* html,+hmtl, /**/，这些代码在IE里能被识别，其它浏览器不能，也有些IE6可以，IE7不能识别，就是通过这样的方法，来写针对不同浏览器的CSS代码。
这里有几篇文章是介绍Hack的，还有收集了目前的一些Hack，可以点过去看看。先别急着点，继续往下看吧。最后我才把链接贴上，因为下面的内容更重要。比你漫无目的找HACK实用。
