IE6绝对定位的bug和解决方法

position:absolute定位在IE6下存在left和bottom的定位错误问题:

<!–IE6下的left定位错误–>
<div style=”position:relative;border:1px solid orange;text-align:center;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

<!–IE6下的left定位错误–>
<hr />
<div style=”position:relative;border:1px solid orange;text-align:right;”>
     <a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>

上面这段代码在IE6中定位错误。解决办法有两种:1、给父层设置zoom:1触发layout。 2、给父层设置宽度(width)。 阅读全文

960框架之初体验

先说下什么是960框架…

960 css system

960CSS框架是一个非常流行的CSS框架,它是国外最成熟的CSS框架之一,而且结构清晰,代码简洁,容易上手。

960的基本原理是网格技术,而且960是CSS 网格技术的最完美实现。

网格技术是最近两年才出现的一种网页布局方法,它的原理是将页面平均分割成N列,然后通过组合相应数量的列来完成对页面的布局。

960的方法是,将页面平均分成12列或16列,然后列与列之间是完全独立的,每一列的margin和padding都是相同的,这样,每列之间就不会出现那些常见的bug。

BluePrint和YUI也有网格技术,但是它们的列与列之间的空白,是通过单边的margin来实现的,这样就需要在第一列或最后一列添加额外的样式。 阅读全文

80级奶德装备选择参考

  本文介绍了部分80级PVE恢复系DRU的可选装备以供参考。一般来说,在获得牌子装和英雄副本掉落的装备之前,能够先入手的是任务奖励和声望装备,借助于适当的天赋、宝石和附魔,下面所列的装备可以使恢复德5人以至10/25人的团队副本中成功担任治疗工作。

  这份列表假定玩家当时还没有开始从10/25人副本中获得装备,所以它们的来源主要是任务奖励、普通/英雄难度的5人副本。

  排名的顺序是优先介绍加法术强度和精神/智力的。下面的装备是假定玩家已经加了恢复系精神相关的天赋(一般来说,80级的恢复德都会加)。如果没加,就得考虑到5秒回蓝属性了。

  如果只打5人本,那法力回复不是太重要,但10/25人副本就要面对冗长战斗所带来的回蓝压力,尤其是需要为成就挑战高难度的时候(比如幼龙模式萨斯里昂),法力消耗非常大。 阅读全文

CSS中强制换行与强制不换行

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}

在不想换行的标记上加入样式nowrap,在需要强制换行的地方加入样式break,这样就实现了强制换行与不换行了。

mark~加深印象!顺便测试下更换IP后,文章多长时间能被搜索引擎收录~

博客再次搬家,回国啦!

Blog最早放国内服务器,接着因为备案等种种原因,背井离乡~直到今天,实在受不了国外服务器的访问速度,所以又搬回来了~现在的速度是不是很快,HOHO~但愿别再搬了。:razz:

发个测试贴,还是那句话,生命在于折腾!