ie6下的兼容性问题

1.IE6只支持a的伪类,其他的伪类不支持,但可以用js实现。另外IE6不支持直接后代子元素,如ul>li

2.伪类的设置顺序link visited hover active

3.IE6,IE7不支持伪类after,before。不支持opacity但是有filter(值为0~100与opacity的0~1相对应)

position:relative相对于自身的偏移,同时出现left,right,左值left:生效,同时出现top,bottom,上值top生效。

IE6不支持fixed,ie7支持

position:absolute relative fixed static inherit

relative:相对定位,对象不可层叠

z-index的值只在position不为static的时候生效

没有设置position时值默认为static没有设置z-index默认值为0;

如果有二级菜单,要用列表,不能用a标签,而且a标签里面不能再嵌套a标签。。

在IE6下,png8的格式会有锯齿,使用png-24然后使用js消去锯齿

script可有两种引入方式,在HTML文档内或者外部引入,而文档内部引入则可以在body或者head里面。

before,after ie8支持,first-child IE7开始支持,属性选择器,子元素选择器,相邻元素选择器(+),通用兄弟选择器(~)

^开始的属性名称

$结束的属性名称

*里面包含有的属性名称

p::伪元素选择器

nth-child

border-radius:[ length | percentage ]{1,4} [ / [ length | percentage ]{1,4} ]?表示水平/垂直上的半径;

border-image-slice:number不用单位,但实际单位为像素,是相对于图片而言。

设置border-width,每个像素都可以设置颜色。铺排的顺序是从外到内。如果设置的像素的颜色的个数不够,那就会用最后的颜色继续填充。如果有超出,那超出的部分不会生效。

border-image:url 100% round/repeat/stretch(渲染方式:/自适应/重复/拉伸)

文字阴影可有多组,但模糊值不能为负,而且每一组用,隔开

如果父类使用的是rgba,子元素不会继承,但是如果用的是opacity,就会继承。

时间: 2024-08-19 22:33:10

ie6下的兼容性问题的相关文章

ie6下常见的bug 调整页面兼容性

ie6下常见的bug 我们布局页面,首先符合标准,如何写一个页面的标准性? 但是ie6等浏览器本身就比较特殊,bug比较多,兵法云,知己知彼百战百胜.我们需要了解ie6的一些常见bug,这样,更好的调试兼容性,下面小强老师就把一些常见的ie6bug列出来,大家去研究下. 考虑结构的稳定性最常见的问题就是网页元素位置混乱,错位. 1.1.1.DOCTYPE 必须有 必需在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTM

浮动元素的兼容以及ie6下li标签的部分兼容性问题

清除浮动的方法有许多比较常用的是 .clear{zoom: 1;} .clear:after{content: "";display: block;clear: both;} after伪类元素末尾添加内容Ie6,7不兼容可以用zoom来解决(zoom缩放会触发ie下的haslayout使元素根据自身内容计算宽高但火狐不支持但可以通过after伪类解决) 两者结合解决的浏览器不兼容的问题: ie6下li标签的部分兼容性问题: 可以通过给li标签加 vertical-align: top

IE6下CSS常见兼容性问题及解决方案

1. 在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素加浮动. 2. IE6下最小高度问题:在IE6下元素高度小于19px的时候,会被当作19px处理.解决方案:给元素加 overflow:hidden. 3. border:1px dotted #000: 1px dotted 在IE6下不支持 解决方案:切背景平铺 4. margin传递:解决方案:a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候,子元素的margi

CSS在IE6下的一些BUG和兼容性问题

在IE6,7下面PNG图片问题: 在IE6下,不支持PNG透明图片,解决办法是:在HTML里加上以下一段代码,其中DD_belatedPNG_0.0.8a.js文件可以在百度上找到,DD_belatedPNG_0.0.8a.js是国外一个大神写的JS文件. <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix

兼容性—IE6下文字溢出

两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px,IE6下出产生文字溢出bug,具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 400px; } .left{ float: left; }

ie6常见的兼容性

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

IE下常见兼容性问题总结

概述 本小菜平时主要写后台程序,偶尔也会去写点前端页面,写html.css.js的时候,会同时开着ie6.ie7.ie8.ie9.chrome.firefox等浏览器进行页面测试,和大部分前端开发一样,经常被ie折磨,下面就总结一些常见的浏览器兼容性问题,放一起方便自己总结学习,我知道这类型文章,很多大牛都总结过,且写的特别专业.不过我写的都是自己最近碰到的,本人技术一般,也希望各位多加指点. 一.IE6/IE7对display:inline-block的支持欠缺 1)表现描述 这个应该算是很经

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是"filter",总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜 可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部

JavaScript在IE和FF下的兼容性问题

久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 复制代码代码如下: 一.函数和方法差异:二.样式访问和设置:三.DOM方法及对象引用:四.事件处理:五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: 复制代码代码如下: var year= new Date().getYea