• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > IE6与CSS样式兼容问题汇总

IE6与CSS样式兼容问题汇总

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含IE6,兼容问题等相关知识,佚名 希望在学习及工作中可以帮助到您

1、PNG半透明图片的问题
虽然可以通过JS等方式解决,但依然存在载入速度等问题,所以,这个上能不要用还是尽量不要用。以达到网站最大优化。

2、IE6下的圆角
IE6不支持CSS3的圆角属性,比较好的解决方法就是用图片圆角来替代,或者放弃IE6的圆角。

3、IE6背景闪烁
如果给链接、按钮用CSS sprites作为背景,可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存,每次触发hover的时候都会重新加载,可以用JavaScript设置IE6缓存这些图片下面是代码:


那么也就是说直接设置height属性的话 设置多少最小就是多少就不存在最小因为当前就是最小所以会在部分分辨率下变形。


5、最大高度


6、100% 高度

在IE6下,如果要给元素定义100%高度,必须要明确定义它的父级元素的高度,如果要给元素定义满屏的高度,就得先给html和body定义height:100%;。

7、清除浮动

如果想用div(或其他容器)包裹一个浮动的元素,就会发现必须给div(容器)定义明确的height、width、overflow之中一个属性(除了auto值)才能将浮动元素严实地包裹。


8、浮动层错位

当内容超出外包容器定义的宽度时,在IE6中容器会忽视定义的width值,宽度会错误地随内容宽度增长而增长。
浮动层错位问题在IE6下没有真正好的解决方法,虽然可以使用overflow:hidden;或overflow:scroll;来修正,
但hidden容易导致其他一些问题,scroll会破坏设计;JavaScript也没法很好地解决这个问题。所以建议是一定要在布局上避免这个问题发生,使用一个固定的布局或者控制好内容的宽度(给内层加width)。

9、绝对定位元素的1像素间距bug

IE6下的这个错误是由于进位处理误差造成(IE7已修复),当绝对定位元素的父元素高或宽为奇数时,bottom和right会产生错误。唯一的解决办法就是给父元素定义明确的高宽值,但对于液态布局没有完美的解决方法。

10、3像素间距bug

在IE6中,当文本(或无浮动元素)跟在一个浮动的元素之后,文本和这个浮动元素之间会多出3像素的间隔。
给浮动层添加 display:inline 和 -3px 负值margin
给中间的内容层定义 margin-right 以纠正-3px

您可能想查找下面的文章:

  • IE6下兼容性常见的几个问题与解决方法
  • ie6 z-index不起作用的完美解决方法
  • CSS针对IE6实现网页图片底部留出空白的方法
  • IE6下PNG图片透明问题解决方案集锦
  • IE6的3像素 bug解决方案分享
  • Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
  • ie6下position:absolute不显示问题解决方法
  • 让IE6支持最小高度min-height、最大高度max-height的方法
  • ie6布局网页padding值加倍的解决方法
  • IE6下不能设置height:1px的元素是什么原因如何解决

相关文章

  • 2017-08-06紧跟时代 让你的设计更加popular
  • 2017-08-06CSS强制文本在一行内显示若有多余字符则使用省略号表示
  • 2017-08-06IE6不支持position:fixed bug的完美解决
  • 2017-08-06CSS常用代码小集
  • 2017-08-06css float 解析学习
  • 2017-08-06浏览器兼容之旅第三站:IE常见Bug总结及修复方法—part1
  • 2017-08-06最常见IE的Bug及其fix修复方法
  • 2017-08-06多角色选项卡登录效果
  • 2017-08-06CSS3实现头像旋转效果
  • 2017-08-06css清除浮动clearfix:after的用法详解(附完整代码)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)
    • 浅谈CSS中的OOCSS编程方式
    • 史上最全的CSS hack方式一览(兼容多浏览器)
    • CSS font-family为英文和中文字体分别设置不同的字体
    • 妙用z-index让一个div显示在最前面
    • 纯css 制作音谱跳动效果
    • 利用column多列属性调整页面文字列布局
    • 如何在class内写xsl标记注意事项
    • 用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
    • IE7下当position:fixed遇到text-align:center的解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有