风声
2009年09月30日 | 分类：看电影 | 1 Comment » | 1,095 views
晚上去看了《风声》，战争真的很残酷，希望这个世界永远和平。推荐一下，还不错。
2009年09月 存档
麦田
2009年09月29日 | 分类：看电影 | No Comments » | 904 views
盼了大半年了，终于等到了这部片子的上映。长平大战是中国历史上最惨烈的战争之一，秦赵两国参战人数超过百万，秦歼赵军50余万（坑杀20余万），惊世骇俗。这部电影并没有去描述长平之战的场面，而是通过赵国潞邑的女人们来反衬战争的残酷，虽无刀剑，依然让人毛骨悚然。片子不错，为什么有人没看完就走了？为什么连赵国在哪里、长平之战是什么都不知道的人还指手画脚的说看不懂、烂片？杯具啊！动下脑子想想，你能死啊！冰冰的漂亮自不必说啦，当我看到剧葱大人对着冰冰做鬼脸的时候，我的神经的余震告诉我，我被雷了，然后我“啪”的一下倒了。。。
first-letter在各浏览器下的区别（2）
2009年09月29日 | 分类：CSS | No Comments » | 870 views
年初写过一次，那次主要测试的li前边的小点以及标点的问题，可以点这里看下~早上玩blog的时候想搞大第一个字又发现了一些问题：
Code：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>first-letter</title>
<style type="text/css">
body { padding:30px; font-size:16px; font-weight:600; color:#333;}
.a,.b,.c { border:1px solid #cacaca; background-color:#eee; margin-bottom:20px; padding:0 10px;}
.a p:first-letter { color:red;}
.b:first-letter { color:blue;}
.c p:first-child:first-letter { color:orange;}
</style>
</head>
<body>
<div class="a">
<p>张韶涵好漂亮呀~</p>
<p>张韶涵好漂亮呀~</p>
<p>.a p:first-letter</p>
</div>
<div class="b">
<p>张韶涵好漂亮呀~</p>
<p>张韶涵好漂亮呀~</p>
<p>.b:first-letter</p>
</div>
<div class="c">
<p>张韶涵好漂亮呀~</p>
<p>张韶涵好漂亮呀~</p>
<p>.c p:first-child:first-letter</p>
</div>
</body>
</html>
当使用first-letter的元素的第一个子元素不是一个文本节点的时候，只有IE8、Safari、Chrome可以达到预定目标，而其它浏览器均不能完成目标， 而连续使用两次伪类可以在除了ie6外的其它浏览器下完成预期目标。各浏览器的表现如下图所示：
Demo地址：http://www.12sui.cn/test/first-letter-0909.html
所测试浏览器版本：Opera 10.10 Beta 1792、Firefox 3.5.3、Chrome 3.0.195.21、Safari 4.0.3(531.9.1)
晚上去看《麦田》，Oh ye！~
最近项目中遇到的一些问题的总结~
2009年09月24日 | 分类：CSS, HTML | 3 Comments » | 1,550 views
一个多月来的新淘江湖项目中，遇到了各种各样奇怪的东东，在这里记录一下哈~
首先是编辑器问题。。。被有脚鄙视了无数次了。。。囧~
1.text-indent与inline-block元素：
- 场景：
- 当text-indent使用在inline-block元素上时
- 问题：
- 在ie6下，将出现元素跟随text-indent左移的问题，其它浏览器正常。
- 解决方法：
- 不使用text-indent，改用font-size:0和line-height:200px。当此元素position:absolute时，表现正常。
如图：
Demo:点击查看
2.legend：
legend是一个十分怪异的东东，我一般很少很少去触及它，因为它真的很难搞，这次一不小心发了善心，结果它给我带来了各种各样的奇怪问题。
legend是fieldset元素的定义标题，fieldset可将表单内的相关元素进行分组，当然是用fieldset可实现一些特殊的效果，但是各浏览器对legend的呈现不一，给我们的使用带来了诸多麻烦。
1)legend的重置：legend需要重置margin、padding、color，但是IE6、IE7下的legend的margin-left需要设置为-7才能和其它浏览器呈现统一。
2)看图，legend和fieldset的位置，忘记了曾经遇到什么问题了。。。反正就是这个东西闹的。。。
3)IE下legend死活不换行，Opera、Chrome、Safari下会自动换行，Firefox下需要给legend定义white-space:normal来搞定。
4)给legend加postion:relative后，Opera下会没入fieldset中，跟IE下相同，但是legend的换行依然有效。
Demo地址：点击查看
3.IE不支持url中文的自动转码~
4.需要小心type=”submit”的按钮：
如果需要为其注册submit事件，最好注册到form上，倘若在按钮上定义click事件，那么在用户使用enter时会出现问题。
5.IE7 的hover：
IE7 是支持hover伪类的，但是不管是用伪类，还是用js的mouseenter，它都会有一个问题，就是你必须将鼠标放到一个有东东的地方才会触发，也就是说，当你经过空白的时候是不会触发hover的，但是经过visibility:hidden的东东上时可以触发。解决的方法是给盒子加一个背景~此问题仅在ie7下有，很是怪异！
onblur与onclick
2009年09月23日 | 分类：JavaScript | 1 Comment » | 1,413 views
在最近的新淘江湖项目中遇到一个诡异的问题，就是关于onblur和onclick。当时觉得很诡异，后来测试后发现更诡异。所以在此记录一下。
首先提出问题：如果我为一个input添加了一个blur事件，同时为document添加了一个click事件，那么，当input是焦点状态时，我点击其它地方，会触发哪个事件？如果两个都触发了，那么会先触发哪个事件？
按理来说，这两个事件应该都会发生的，但是，在各浏览器下测试的结果很令人不解！~
大家先看一下Demo，点吧点吧试下~
测试结果表格（不包含点击标签栏或者地址栏以及其它到浏览器外时的情况）：
| 浏览器 | 点击滚动条时是否触发onblur事件？ | 点击空白处（无任何内容或者点击后也不会出现任何内容的地方），是否先触发onblur事件，后触发onclick事件？ | 点击有文字的地方，是否触发onclick事件？ | 点击(点击后点击处将出现文字）的地方，是否触发onclick事件？ | 点击(点击后将display:none)的地方，是否触发onclick事件？ | 点击(点击后将visibility:hidden)的地方，是否触发onclick事件？ | 刷新后是否自动触发blur事件？ |
| IE6 | 是 | 是 | 是 | 是 | 是(获取到的target是body) | 是(获取到的target是body) | 是 |
| IE7 | 是 | 是 | 是 | 是 | 是(获取到的target是body) | 是(获取到的target是body) | 是 |
| IE8 | 否 | 是 | 是 | 是 | 是(获取到的target是body) | 是(获取到的target是body) | 是 |
| Opera 10.10 Beta 1792 | 否 | 是 | 否 | 是 | 是(获取到的target是消失的元素) | 是(获取到的target是消失的元素) | 否 |
| Firefox 3.5.3 | 否 | 是 | 否 | 否 | 否 | 否 | 否 |
| Chrome 3.0.195.21 | 是 | 是 | 是 | 否 | 否 | 否 | 否 |
| Safari 4.0.3(531.9.1) | 是 | 是 | 是 | 否 | 否 | 否 | 否 |
尺寸原因，这里的表格可能看着不爽，可以点击这里查看美丽版！~
5、6项的测试是为了看下二者是否会有差异，结果二者是一样的，囧。从测试结果来看，对Firefox特别满意，IE的表现很令人失望，Opera和Webkit引擎的浏览器很怪异，这主要体现在第3、5、6项上~
建国大业
2009年09月23日 | 分类：看电影 | No Comments » | 942 views
昨晚去看了《建国大业》，四年的革命压缩到140分钟的电影里着实不易，很多场景都是一笔带过，感觉还是可以的，但是可能并不是对每一个人都适合看的哈。这片拍的不容易，哥看的也不容易啊！其实，看之前，对许晴的宋庆龄角色是蛮期待的，可惜的是影片中许晴的戏份并不是很多，但是，表演很到位，赞！~
原来这才是春秋-争霸
2009年09月7日 | 分类：读书 | No Comments » | 1,204 views
经过无数个夜晚的奋斗，终于把第二部看完了，第二部同样是非常的精彩。第二部里出现了另外三个霸主：宋襄公、秦穆公和晋文公。其实，对宋襄公一直都不怎么了解，因为他的事迹太少了，这次看到他死，才发现，这丫的根本就不能称之为霸主，太扯了，跟齐桓公没法比，甚至我觉得之前的郑庄公远比他配叫霸主的称号。宋襄公所谓的“仁义无敌”看得我哭笑不得，就是愚昧一个，可悲啊！秦穆公这部里边其实并没有太多的描写，但是齐桓公、秦穆公、晋文公三个都有一个共同的特点，那就是诚信和宽容，与二者相比，仁义永远只能往后放。晋文公重耳的那个团队真的是太nb了。。。nb的不知道该怎么夸奖啦~期待第三部《无霸》，因为里边有“一鸣惊人”的楚庄王~不知道要等到啥时候了，在考虑是否要买一部《大秦帝国》。。。好贵。。。或许可能会先买《历史到底是啥玩意儿》看看~
机器侠
2009年09月2日 | 分类：看电影 | No Comments » | 879 views
好久没看电影了,昨晚去看了一场,本来是要看《国家要案》的，不过那个最晚的是8点50的，赶不上，只好看了《机器侠》。这部片子称不上好，但是也不是很差。其实剧情很简单，就是机器人K1的事儿，这人画的太像阿童木了。。。囧一下。。。片子还是蛮搞笑的，特别是里边的机器人。。。真的很中国。。。竟然还有僵尸机器人，当时就震惊了。。。这导演很有才。。。悲剧，我讨厌悲剧。
