2010，正心，修身，养性。
焚我残躯，毁我意志，复我记忆。
子曰：“知之者不如好之者，好之者不如乐之者。”
子曰：“吾尝终日不食，终夜不寝，以思，无益，不如学也。”

快乐的生活，快乐的分享。

2009年09月 存档

风声

2009年09月30日 | 分类：看电影 | 1 Comment » | 590 views

晚上去看了《风声》，战争真的很残酷，希望这个世界永远和平。推荐一下，还不错。

麦田

2009年09月29日 | 分类：看电影 | No Comments » | 471 views

盼了大半年了，终于等到了这部片子的上映。长平大战是中国历史上最惨烈的战争之一，秦赵两国参战人数超过百万，秦歼赵军50余万（坑杀20余万），惊世骇俗。这部电影并没有去描述长平之战的场面，而是通过赵国潞邑的女人们来反衬战争的残酷，虽无刀剑，依然让人毛骨悚然。片子不错，为什么有人没看完就走了？为什么连赵国在哪里、长平之战是什么都不知道的人还指手画脚的说看不懂、烂片？杯具啊！动下脑子想想，你能死啊！冰冰的漂亮自不必说啦，当我看到剧葱大人对着冰冰做鬼脸的时候，我的神经的余震告诉我，我被雷了，然后我“啪”的一下倒了。。。

first-letter在各浏览器下的区别（2）

2009年09月29日 | 分类：CSS | No Comments » | 418 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外的其它浏览器下完成预期目标。各浏览器的表现如下图所示：

first-letter

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 » | 892 views

一个多月来的新淘江湖项目中，遇到了各种各样奇怪的东东，在这里记录一下哈~

首先是编辑器问题。。。被有脚鄙视了无数次了。。。囧~

1.text-indent与inline-block元素：

场景：
当text-indent使用在inline-block元素上时
问题：
在ie6下，将出现元素跟随text-indent左移的问题，其它浏览器正常。
解决方法：
不使用text-indent，改用font-size:0和line-height:200px。当此元素position:absolute时，表现正常。

如图：

txt-inline

Demo:点击查看

2.legend：

legend是一个十分怪异的东东，我一般很少很少去触及它，因为它真的很难搞，这次一不小心发了善心，结果它给我带来了各种各样的奇怪问题。

legend是fieldset元素的定义标题，fieldset可将表单内的相关元素进行分组，当然是用fieldset可实现一些特殊的效果，但是各浏览器对legend的呈现不一，给我们的使用带来了诸多麻烦。

1)legend的重置：legend需要重置margin、padding、color，但是IE6、IE7下的legend的margin-left需要设置为-7才能和其它浏览器呈现统一。

2)看图，legend和fieldset的位置，忘记了曾经遇到什么问题了。。。反正就是这个东西闹的。。。

legend

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 » | 794 views

在最近的新淘江湖项目中遇到一个诡异的问题，就是关于onblur和onclick。当时觉得很诡异，后来测试后发现更诡异。所以在此记录一下。

首先提出问题：如果我为一个input添加了一个blur事件，同时为document添加了一个click事件，那么，当input是焦点状态时，我点击其它地方，会触发哪个事件？如果两个都触发了，那么会先触发哪个事件？

按理来说，这两个事件应该都会发生的，但是，在各浏览器下测试的结果很令人不解！~

大家先看一下Demo，点吧点吧试下~

测试结果表格（不包含点击标签栏或者地址栏以及其它到浏览器外时的情况）：

以下测试均在input的focus状态下进行：
浏览器 点击滚动条时是否触发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 » | 576 views

昨晚去看了《建国大业》，四年的革命压缩到140分钟的电影里着实不易，很多场景都是一笔带过，感觉还是可以的，但是可能并不是对每一个人都适合看的哈。这片拍的不容易，哥看的也不容易啊！其实，看之前，对许晴的宋庆龄角色是蛮期待的，可惜的是影片中许晴的戏份并不是很多，但是，表演很到位，赞！~

原来这才是春秋-争霸

2009年09月7日 | 分类：读书 | No Comments » | 782 views

经过无数个夜晚的奋斗，终于把第二部看完了，第二部同样是非常的精彩。第二部里出现了另外三个霸主：宋襄公、秦穆公和晋文公。其实，对宋襄公一直都不怎么了解，因为他的事迹太少了，这次看到他死，才发现，这丫的根本就不能称之为霸主，太扯了，跟齐桓公没法比，甚至我觉得之前的郑庄公远比他配叫霸主的称号。宋襄公所谓的“仁义无敌”看得我哭笑不得，就是愚昧一个，可悲啊！秦穆公这部里边其实并没有太多的描写，但是齐桓公、秦穆公、晋文公三个都有一个共同的特点，那就是诚信和宽容，与二者相比，仁义永远只能往后放。晋文公重耳的那个团队真的是太nb了。。。nb的不知道该怎么夸奖啦~期待第三部《无霸》，因为里边有“一鸣惊人”的楚庄王~不知道要等到啥时候了，在考虑是否要买一部《大秦帝国》。。。好贵。。。或许可能会先买《历史到底是啥玩意儿》看看~

机器侠

2009年09月2日 | 分类：看电影 | No Comments » | 522 views

好久没看电影了,昨晚去看了一场,本来是要看《国家要案》的，不过那个最晚的是8点50的，赶不上，只好看了《机器侠》。这部片子称不上好，但是也不是很差。其实剧情很简单，就是机器人K1的事儿，这人画的太像阿童木了。。。囧一下。。。片子还是蛮搞笑的，特别是里边的机器人。。。真的很中国。。。竟然还有僵尸机器人，当时就震惊了。。。这导演很有才。。。悲剧，我讨厌悲剧。

  • Gorgeous Rulerv2.0

文章分类

最新文章

最新评论

Rss
渴望孩子的纯真、诚实、可爱、无忧无虑。。。。。。

这位姐姐，你好，你的浏览器版本太低了，为了避免您中毒，请您升级您的浏览器！