bug撰写的日志

通过js解决IE缓存CSS背景图片的BUG解决办法

我们在设计网页的时候会经常用到背景图片。有时候页面已经打开了,这些图片实际上已经download到本地了,但IE还是会试图再次请求下载这些图片,导致页面要加载半天才能载入进来,这样无疑增加Http Requests,容易导致用户浏览的页面表示不够友好,消耗大量服务器的带宽,给服务器带来很大的压力。
继续阅读 »

部分浏览器差异和Bug消除技巧

来源:http://www.dangbao.net/article/data/cssbug.htm

平时开发的时候经常会遇到一些Bug,做个整理和收集

CSS的优先权:style优先级大于id,id的优先级大于class。

FF下水平居中:margin-left:auto;margin-right:auto。

网页编码为UTF-8,页面注释最好用英文。

一个容器内有两个以上浮动元素注释时,容易引起IE BUG(莫名出现结尾字符)。解决方法:删除注释。

浮动+margin在IE6下出现双倍边距,display:inline消除。

IE6不支持除A标签以外的伪类。

IE下容器边框有断裂的地方,容器加上宽度或者zoom:1即可。

IE6捉迷藏bug:预览页面的内容不会出现。全选后出现。给藏起来的容器使用宽度和高度,或者设置line-height即可。

line-height和height的高度相同时,不同的字体显示是居中效果也不同。

list-style-image无法准确定位,建议使用li的背景来实现。

用vertical-align:middle来对齐文本与文本输入框。

禁用文本框中文输入法的通用方法:ime-mode:disabled。