页面应用半透明PNG背景IE7下浏览会变慢的解决

        这两天想给自己做个博客，有个问题一直困扰我，就是IE7下，页面在上下拖动的时候会闪动，一卡一卡，不流畅，部分链接再鼠标放上去后要等下才出现预定的 Hover 效果。

        有问题不怕关键是要找到原因，我起初以为是相对定位和绝对定位造成的，于是把绝对定位的部分去掉，发现稍好，于是我就以为是相对定位和绝对定位的问题。

        今天我看了下以前做的页面在IE7下非常流畅，我也用有相对定位和绝对定位，我突然想到也许不是这个原因造成的，想一下他们的差别，主要在于我在博客上大量应用了半透明的PNG平铺背景。难道是因为这个，我把这些PNG背景去掉，果然如此。

        但是不能不让用半透明的PNG平铺背景啊，这也太不爽了。于是想到有篇文章提到，平铺背景不是越小越好，具体内容是啥已经不记得了，就记得个标题，改下背景大小吧，把原来2X2像素的背景换成20X20的图片进行平铺。哈哈，好多了，虽然快速多动还是有点迟钝，已经好的太多了。

        当然，有人提到“半透明的PNG平铺背景”在IE6下怎么办，这个好办，可以使用IE6下透明PNG的JS。用IE6的条件注释给注释起来，只让IE6运行这个JS，毕竟加载的JS过多页面会变慢。

        注：原来以为相对定位和绝对定位造成的是因为我在绝对定位的元素上也应用了半透明的PNG平铺背景。