ie6兼容问题记录

1.代码中,em换行写会造成一个空白。去掉em标签之间的空格,不换行。
2.利用margin设负值解决ie6下模块被顶换行的bug。
3.清除浮动的方法:父元素加overflow:hidden。
4.ie6中并列的几个块级元素如div和span,一些没有设置浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了
 *可将两部分代码位置交换
     缺点:破坏语义
 *绝对定位。
     优点:不破坏语义。
     缺点:代码量加大。

 *给他们都添加浮动。
     优点:同上。
     缺点:会引起其他bug等

 *添加hack。_margin-top:XXXXpx;
     优点:同上。
     缺点:使用了hack。

5.ie6中li的子元素有display:block样式的时候会造成li之间留白,给li添加_display:inline。

6.a中包含行内元素时空白部分点击无效,解决办法:给a加上背景色。

时间: 2024-08-27 12:25:02

ie6兼容问题记录的相关文章

ie6,ie7,ie8 css bug兼容解决记录

ie6,ie7,ie8 css bug兼容解决记录 转载自:ie6,ie7,ie8 css bug兼容解决记录 - 前端开发 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着

IE6兼容png24透明滤镜写法图片路径是以页面为基点

background:url(logo2.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo2.png'); 注意:滤镜的图片路径是以页面为基点,并非以CSS文件. IE6兼容png24透明滤镜写法图片路径是以页面为基点

PHP扩展迁移为兼容PHP7记录

PHP7扩展编写的时候,提供的一些内核方法和之前的PHP之前的版本并不能完全兼容.有不少方法参数做了调整.下面是在迁移过程中遇到的一些问题.记录下来,避免大家再踩坑. PHP7扩展开发之hello word 白话PHP7扩展开发之创建对象 add_assoc_stringl 方法参数改为四个. add_assoc_stringl(parray, key, value, value_len); 迁移的时候,只要把最后一个参数删除即可. add_assoc_string 方法参数从四个改为了三个.

常见的IE6兼容以及css兼容

迈着小短腿的YY 常见的IE6兼容以及css兼容 IE6虽然随着XP系统退出市场在国外基本基本消失,但是在国内依然占据很大的市场份额.政务网站.页游官网等依然要考虑到IE6用户的体验.如果你的网站使用CSS3等“新技术”时,就必须果断放弃IE6的兼容. 浏览器添加默认样式 问题: 有些浏览器会给浏览器添加默认样式,而且不同浏览器添加的样式不同,导致布局在不同浏览器发生不同的错乱. 解决: 清楚默认样式,保证不同浏览器样式统一.(百度中有很多不错的清除样式模板)以下是我自己常用的清除样式文件: 1

Dom兼容问题记录汇总

DOM方法兼容表   Chrome FireFox IE6 IE7 IE8 IE9 IE10 innerText 支持 不支持(改成了textContent) 支持 支持 支持 支持 支持 innerHTML 支持 支持 支持 支持 支持 支持 支持 textContent 支持  支持  不支持   不支持 不支持   支持  支持                                                                                  

使用dva和ant-design组件在IE中的兼容问题记录

参考文章:https://blog.csdn.net/yede0632/article/details/80746264 最近在使用蚂蚁金服的dva脚手架以及ant design组件开发React项目,不得不说dva真的很优秀,很大程度上方便了React项目的开发,尤其需要Redux来管理状态以及处理异步请求,dva帮你集成了大部分你所需要的React组件,并使它们结合使用起来变得简单便捷. 但不可避免地,在开发中也会遇到一些问题,本文就记录下在IE兼容方面遇到的问题以及如何解决. 项目涉及到的

ie6兼容

参考文章: 1.IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定marin时造成margin双倍(双边距) 解决方法:display:inline 3.以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面与下面,怎么分?IE6就会与其它的不同,所以,尽量避免. 1)字体大小为奇数之边框高

ie6兼容之绝对定位元素内容为空时高度问题

正常显示: ie6下显示: line6元素高度最小16px; 解决办法: 添加内容在空的div里,并且设置行高即可. 其中,非ie6浏览器不需要再空的div里加无谓的内容,再次需要用“条件注释”来解决: 条件注释使用方法 1 2 3 4 5 6 <!--[if IE 5]>仅IE5.5可见<![endif]--> <!--[if gt IE 5.5]>仅IE 5.5以上可见<![endif]--> <!--[if lt IE 5.5]>仅IE 5

针对IE6兼容png

1.新建名为dd_belatedpng_0.0.8a-min.js的js文件,代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: [email protected] * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ *