My blogsome site blocked by the stupid CN GOV… … ;(
So i have to create a new blog on baidu. Know more news please visite here… http://hi.baidu.com/ferryboat401
If you have better solution , contact to me without any hesitate.
My email: ferryboat401@gmail.com
Thanks!
屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/仅IE7与IE5.0可以识别
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
*+html select {…}仅IE7可以识别
当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
*+html select {…!important;}IE6及IE6以下识别
当面临需要只针对IE7做样式的时候就可以采用这个HACK。
* html select {…}仅IE6不识别，屏蔽IE6
这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body select {…}
这句与上一句的作用相同。
select { display /*屏蔽IE6*/:none;}仅IE6与IE5不识别，屏蔽IE6与IE5
这里主要是通过CSS注释分开一个属性与值，注释在冒号前。
select/**/ { display /*IE6,IE5不识别*/:none;}盒模型解决方法
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…}
这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。
selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}清除浮动
盒模型的清除方法不是通过!important来处理的。这点要明确。
select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}截字省略号
在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。
select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。 只有Opera识别 @media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。
以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。
IE5.x的过滤器，只有IE5.x可见@media tty {IE5/MAC的过滤器，一般用不着
i{content:"\";/*" "*/}} @import ‘ie5win.css’; /*";}
}/* */
/*\*//*/
@import "ie5mac.css";
/**/
From:http://andymao.com/andy/post/76.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>滑动门</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
/*为什么要这样定义样式，而不用#cardBar ul 这样定义，我个人的猜测是因为类是就近原则获取样式，而#cardBar ul则不是就近原则，按标签来定义，因此.Selected样式就无法出现。*/
*{
margin:0px;
padding:0px;
text-decoration:none;
}
/*定义基本样式*/
ul.cardUl{
font-size:12px;
list-style-type:none;
text-align:center;
height:29px;
background-image:url(attachments/month_0706/2200764172315.gif);
}
/*默认样式下使用css文件*/
ul.cardUl li{
height:29px;
background:url(attachments/month_0706/u200764172418.gif) left top no-repeat;
float:left;
margin-right:1px;
padding-left:6px; /*为滑动门另一边提供空间*/
}
ul.cardUl li a{
float:left;
height:29px;
background:url(attachments/month_0706/y200764172443.gif) right top no-repeat;
display:block;
padding:8px 8px 3px 4px;/*让文字能够够居中*/
color:#333;
white-space: nowrap;
}
/*文字点击使用CSS*/
ul.cardUl li.Selected{
background:url(attachments/month_0706/g20076417255.gif) left top no-repeat;
}
ul.cardUl li.Selected a{
background:url(attachments/month_0706/z200764172528.gif) right top no-repeat;
}
/*对点击下栏显示边框的代码进行美化*/
div.hackBox{
padding:2px 2px;
border-left:2px solid #6697CD;
border-right:2px solid #6697CD;
border-bottom:2px solid #6697CD;
display:none;
}
</style>
<script>
//为选项卡的默认值进行设定，方法为读取cardBar里面的li标签是否已经有selected属性，如果没有则使用默认值。
function loadTab(){
//读取cardBar下面所有li标签
var getId=document.getElementById("cardBar").getElementsByTagName("li");
//定义一个判断是否有selected的变量
var selectedItems=0;
//判断方法，循环读出li标签的className，如果有则selectedItems加1
for(i=0;i<getId.length;i++){
if (getId[i].className == "Selected"){
selectedItems+=1;
}
}
//经过循环，如果selectedItems没有数值，那么说明没有selected的标签，因此给标签加上默认的className
if (selectedItems==0){
document.getElementById("cardBar").getElementsByTagName("li")[0].className="Selected";
document.getElementById("Dcard1").style.display="block";
}
}
//让窗口打开就运行他
window.onload=loadTab;
//设定结束
//进行选项卡效果的触发
function switchTab(cardBar,cardId){
//读取cardBar下面所有li标签
var oItems = document.getElementById(cardBar).getElementsByTagName("li");
//循环清空li标签下面的selected效果
for (i=0;i<oItems.length;i++ ){
var x=oItems[i];
x.className="";
var y=x.getElementsByTagName("a");
y[0].style.color="#333";
}
//开始选项卡效果的赋值，为选中的li标签增加selected类的属性
document.getElementById(cardId).className="Selected";
//读出cardContent 下面的所有div标签
var dvs=document.getElementById("cardContent").getElementsByTagName("div");
//循环，判断应该显示的div
for (i=0;i<dvs.length;i++ ){
if (dvs[i].id==("D"+cardId)){
dvs[i].style.display="block";
}else{
dvs[i].style.display="none";
}
}
}
</script>
<BODY>
<div id="aa">
<ul class="cardUl" id="cardBar">
<li id="card1"><a href="#" onclick="javascript:switchTab(’cardBar’,'card1′);">第一选项</a></li>
<li id="card2"><a href="#" onclick="javascript:switchTab(’cardBar’,'card2′);">第二选项</a></li>
<li id="card3"><a href="#" onclick="javascript:switchTab(’cardBar’,'card3′);">第三选项</a></li>
<li id="card4"><a href="#" onclick="javascript:switchTab(’cardBar’,'card4′);">第四选项</a></li>
</ul>
<div id="cardContent">
<div id="Dcard1" class="hackBox">代码一</div>
<div id="Dcard2" class="hackBox"">代码二</div>
<div id="Dcard3" class="hackBox">代码三</div>
<div id="Dcard4" class="hackBox">代码四</div>
</div>
</div>
</BODY>
</HTML>
软件开发过程中，BUG的管理非常重要，完成这项工作的软件系统称为BUG管理系统。BUG管理系统还有其他的一些叫法，例如缺陷追踪系统，问题追踪系统等。其实BUG系统不仅仅可以用来管理和追踪BUG 或Defect，也可以用来管理和追踪用户需求等，因此有些系统就叫问题追踪系统。单纯的BUG管理系统开发起来并不是很复杂，市场上已经出现了不少商品化系统，也有很多的开源软件。很多BUG管理系统都支持Web界面，甚至不需要安装客户端。有的系统还设计的非常灵活，用户可以容易地进行定制。有的BUG系统是和配置管理工具集成在一起的，使用起来更为方便。从Google的分类目录或Yahoo!的目录查找中可以看到不少的BUG管理系统。
Bugzilla ，采用 Perl，PHP 开发，后台数据库是MySQL，它使用GPL版权协议。不过它的安装配置有些麻烦，似乎还也不支持内部邮件。要想支持中文还得做点修改，不过已经有人在做它的 汉化版本 了。
BugTracker.NET ，采用 ASP.NET, C# 开发，后台数据库主要是MSSQL/MSDE，它使用GPL版权协议。它支持内部邮件，也可以方便地定制。 Track+ ，10 用户以下是免费的，可以在 这里 试用。
FogBUGZ ，商品化系统，大约 90 美元一个用户。界面比较友好，功能也比较强大。可以在线 试用 45天。
其他类似的系统还有很多，例如：ClearQuest ，GNAT ，BugZero ， Mantis ， 微创BMS ， 汉星天的需求/变更管理系统 等。
考虑了好久，没想到比较满意的实现办法，发到BI上看看高人们有没有更好的方法，果然不虚此行，很快就看到了Purecss的制作方法，原来还有这样的一个Table可以用，学习一下.
| content | content | content | content |
| content | content | content | content |
| content | content | content | content |
<table>
<caption>Title of the table</caption>
<thead>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<thead>
<tbody>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tfoot>
</table>
当<thead>中<td>换为<th>时第一行字体将加粗，即为表格内容每列的标题;
当<thead>,<tbody>,<tfoot>中第一个<td>换为<th>时第一行字体将加粗，即为表格内容每行的标题;
根据需要，分别定义CSS就可以实现多种效果了。
每天起早贪黑
托着行尸走肉般的身体飘在繁华的大都市
渐渐的找不到了北在哪儿…
就像一句歌词所唱的
虽然开辆小轿车，可那是老板的
虽然工作体面，可是挣钱并不算多…
生活就像一滩死水，没了追求，没了激情，这是怎么了？？？What happened？？？
有个好朋友，喜欢听校园民谣，受他的熏陶，没事了也听听，感觉这些东西听多了挺伤感的，不过至少没有世俗的情啊爱啊天啊地啊的，列出一首来，跟观者分享一下《I lost my own name》
有一天早上从梦中醒来
发现我的名字不见了
找遍了屋子每一个角落
不知是谁把它拿走了
突然我想起了那个女孩
我好像曾经对她说过
我的一切都是属于你的
是否她把名字拿走了
I have no money，have no car.
I lost my own name.
突然我想起了我的房东
这个月的房租我还没交
她已经催我好几次了
是否她把名字拿走了
上班时老板对我笑了笑
我几次对他说我薪水太少
他却说我有多少回迟到
是否他把名字拿走了
I have no money, have no car.
I lost my own name.
我只想一个自己的生活不想去破坏什么规则
我不知无意犯了什么错
究竟谁把我的名字拿走了
I have no money, have no car.
I lost my own name.
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：
name 属性
1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询；
设定为none：文件将不被检索，且页面上的链接不可以被查询；
设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
设定为nofollow：文件将不被检索，页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
太有想法了！很喜欢第一张的创意！
