web前端 浏览器兼容问题以及相应的处理办法
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
【web前端】浏览器兼容问题以及相应的处理办法
哪怕是名企,这样的问题也难免,要是就是做网站的时候价格太低,不能兼容太多的浏览器,要么就是做的人不够细致。
现象只是表现,重点是要如何去解决它。
在本例子中,只需要设置底部的标签样式表style="clear:both" 即可。
浏览器问题,其本质是默认的margin padding等一些属性,各个厂家的浏览器解析不同罢了,假如在他的前面统一设置,那么这个事情就简单了。
下面是我经过整理的一个新建css样式表模板:
/* ---------------------------------------兼容部分分隔线
---------------------------------------*/
/* 浏览器兼容预先处理开始*/img, :link img, :visited img {border: 0;}/*
默认图片不带边框*/ input{vertical-align:middle;font-family:宋
体,serif;}/* 默认输入框字居中,字体为宋体*/* {margin:0;padding:0;}/*
默认所有对象边距为0,填充为
0*/a{ font-size:12px;text-decoration:none; color:#000000;}/* 默认
所有字体大小为12像素,颜色为黑色,文字没有任何的修饰*//* 浏览器兼容
预先处理结束*/
/* ---------------------------------------公共部分分隔线
---------------------------------------*/
/* 公共样式部分开始*/
/* 文字部分开始*/
/* 文字部分结束*/
/* 尺寸部分开始*/
/* 尺寸部分结束*/
/* 颜色部分开始*/
/* 颜色部分结束*/
/* 公共样式部分结束*/
/* ---------------------------------------首页分隔线
---------------------------------------*/
/* 首页板块部分开始*/
/* 首页板块部分开始*/
/* 板块部分结束*/
/* 文字部分开始*/
/* 文字部分结束*/
/* 尺寸部分开始*/
/* 尺寸部分结束*/
/* 颜色部分开始*/
/* 颜色部分结束*/
/* 首页板块部分结束*/
/* ---------------------------------------二级页面分隔线
---------------------------------------*/
/* 二级页面板块部分开始*/
/* 二级页面板块部分开始*/
/* 板块部分结束*/
/* 文字部分开始*/
/* 文字部分结束*/
/* 尺寸部分开始*/
/* 尺寸部分结束*/
/* 颜色部分开始*/
/* 颜色部分结束*/
/* 二级页面板块部分结束*/
/* ---------------------------------------单独页面分隔线
---------------------------------------*/
/* 单独页面板块部分开始*/
/* 单独页面板块部分开始*/
/* 板块部分结束*/
/* 文字部分开始*/
/* 文字部分结束*/
/* 尺寸部分开始*/
/* 尺寸部分结束*/
/* 颜色部分开始*/
/* 颜色部分结束*/
/* 单独页面板块部分结束*/
/* ---------------------------------------单独页面分隔线
---------------------------------------*/
还有一个问题就是png格式图片在IE6中背景显示为灰色,很影响美观,为此只需要通过以下的js调用来处理。