爆牙兄的CSS题目解答

其实这道题我年初就做出来过。今天想看看自己这半年来CSS有多少进步，所以又找到这题，写了一下代码。

之前的代码跟现在的代码相比，解决思路是一样的，不同的是，

  • 时间短了，这次我差不多用了2个小时（其中包括一些图片截取工作），而以前从出第一个结果到后面为了兼容IE6，搞了差不多4个小时。
  • 代码规整多了，margin、padding不再那么不清晰
  • 为了兼容IE6使用的HACK少了，只使用了2次 !important，可以说成功绕过了一些问题。最可喜的是，这种绕过是一种很自然的绕过，我甚至没有碰到什么兼容性问题，不需要花时间改变思路。

HTML代码部分如下：

Code

 

泡泡的css代码如下：

Code

 

 这段不能动的泡泡HTML代码中，适用了“微格式”，可惜到现在我也没有去深入研究它。

完整的demo下载

posted @ 2009-07-13 15:11  _龙猫  阅读(533)  评论(0)  编辑  收藏  举报