IE6绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题：
< !–IE6下的left定位错误–>http://www.tuwaaa.com/< !–IE6下的left定位错误–>tuwaaa
http://www.tuwaaa.com/tuwaaa
上面这段代码在IE6中定位错误。
解决办法有两种：
1、给父层设置zoom:1触发layout。
2、给父层设置宽度（width）。
Read more »
昨天在公司干活的时候,遇到一个版面,版面导航需要链接居中浮动.思来想去,没找到很好的方法.
由于本人CSS功力尚浅,自己找不到方法,只好去search一番.
一般来说,导航的布局为
这里就需要将li标签居中浮动，但是一般浮动只有左右的属性
网上找到的结果是：
利用相对定位：position:relative来实现这一目标，它依据left，right，top，bottom等属性在正常文档流中偏移位置。（不了解的童鞋去谷歌下）
所以，要实现li的float：center，就需要设置UL上级容器position:relative; overflow:hidden;（溢出隐藏是必须的）
UL则是position:relative;left:50%;
LI恰恰相反position:relative;left:-50%;
这样，li标签就会居中浮动，不废话了，看看实例。
Read more »
在介绍之前,容我插话一句:你这该死的IE6!
好吧,言归正传.前几日,部门的网站编辑把我的一个商铺给我看,说:这样的效果是正常的吗?
我凑过去一看,我的天啊!
那个商铺模板用到了大量的png透明背景,结果现在全是灰白的一片.
我真有种芒刺在背的感觉.
因为还有很多商铺都是使用了png背景的,而且我都加上了一个png显示透明的JS文件(当时以为没问题的),而且有些商铺测试过,确实可以让png在IE6透明,于是就以为均无大碍.
现在一看,情况有点严重.
Read more »
CSS表格隔行换色,鼠标移上去变色,兼容IE、FF、Chrome等主流浏览器
最近工作搞完了，变的有点闲。
于是经理就把他的事情交了一点给我。
我们的B2B平台的后台界面又要更新了。
于是乎，交到我手上的就是表格样式的编写。
写就写嘛，虽然没写过:)
驱G寻找…找了N多，终于发现一个用JS控制的表格样式。
他的样式写的不错，不过没有注释，并且原始样式效果并不美观。
偶拿过来小小的修改下。
代码如下：
Read more »
由于工作上的关系，经常要涉及图片自适应问题。
简而言之，就是让图片有个最大的高度和宽度自适应，同时水平垂直居中。
在网上找到的CSS控制方法并不好用，当然，你肯定猜到了，就是不兼容IE6、7两个怪胎浏览器。
综合看了下，用纯CSS基本没有能很完美兼容各个浏览器的方法。
于是只能用JS来控制！
Read more »