返回顶部
首页 > 资讯 > 精选 >IE6有哪些常见CSS解析Bug
  • 389
分享到

IE6有哪些常见CSS解析Bug

2023-06-05 02:06:02 389人浏览 八月长安
摘要

这篇文章主要讲解了“IE6有哪些常见CSS解析Bug”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“IE6有哪些常见CSS解析Bug”吧!    1.默认高度(IE6)&n

这篇文章主要讲解了“IE6有哪些常见CSS解析Bug”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“IE6有哪些常见CSS解析Bug”吧!

    1.默认高度(IE6) 
    描述:在IE6及以下版本中,部分块元素拥有默认高度(在16px左右;) 
    hack1:给元素添加声明:font-size:0; 
    hack2:给元素添加声明:overflow:hidden;
    2.图片有边框BUG ,当图片加在IE上会出现边框Hack:给图片加border:0;或者border:none;

    3.图片间隙 ,div中的图片间隙BUG 
    描述:在div中插入图片时,图片会将div下方撑大大约三像素。 
    hack1:将与写在一行上; ie6 
    hack2:将转为块状元素,给添加声明:display:block; 
    hack3:给图片添加vertical-align:top/middle/bottom.
    4. 双倍浮向(双倍边距)(只有IE6出现) 
    描述:当Ie6及更低版本浏览器在解析浮动元素时,会错误地把浮向边边界(margin)加倍显示。 
    hack:给浮动元素添加声明:display:inline;
    5.表单元素行高对齐不一致 
    描述:表单元素行高对齐方式不一致 
    hack:给表单元素添加声明:float:left;
    6.按钮元素默认大小不一 
    描述:各浏览器中按钮元素大小不一致 
    hack1: 统一大小/(用a标记模拟)  
    hack2:input外边套一个标签,在这个标签里写按钮的样式,把input的边框去掉。 
    hack3:如果这个按钮是一个图片,直接把图片作为按钮的背景图即可
    7.百分比bug 
    描述:在IE7及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况。(也会受系统影响) 
    hack: 给右面的浮动元素添加声明:clear:right; 意思:清除右浮动。
    8.鼠标指针bug 
    描述:cursor属性的hand属性值只有IE9以下浏览器识别,其它浏览器不识别该声明,cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。
    hack: 如统一某元素鼠标指针形状为手型,应添加声明:cursor:pointer;
    9.透明属性 
    兼容其他浏览器写法:opacity:value;(value的取值范围0-1; 
    例:opacity:0.5;) 
    IE浏览器写法:filter:alpha(opacity=value);取值范围 0-100(整数)
    10.li列表的BUG 
    1):当父元素(li) 有float:left;子元素(a) 没设置浮动的情况下会出现垂直bug; 
    Hack:给父元素li和子元素a都设置浮动; 
    2):当给li中的a转成block;并且有height,并有float的时候,li中没设置浮动会出现阶梯显示, 
    hack:同时给li加float;
    11.当li里a、span 分别添加左右浮动时,并且li设置高度后,IE7及以下浏览器会出现 li下方多出3像素左右的空隙; 
    hack:给li添加float:left;和width:100%;
    12.当前元素(父元素里面第一个子元素)与父元素没有设置任何浮动的情况下,设置margin-top后,会错误的把margin-top加在父级元素上。

Css hack: 
    1.给父级元素添加overflow:hidden;(推荐使用) 
    2.给父元素或者子元素加浮动 
    3.当父元素有边框时,可以直接给子元素添加margin-top值;
    13.margin BUG 

    当两个上下排列的元素,上元素有margin-bottom:30px;下面元素有margin-top:20px;他们中间的距离不会相加,而是会设置为较大的值;

    

感谢各位的阅读,以上就是“IE6有哪些常见CSS解析Bug”的内容了,经过本文的学习后,相信大家对IE6有哪些常见CSS解析Bug这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: IE6有哪些常见CSS解析Bug

本文链接: https://lsjlt.com/news/240771.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • IE6有哪些常见CSS解析Bug
    这篇文章主要讲解了“IE6有哪些常见CSS解析Bug”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“IE6有哪些常见CSS解析Bug”吧!    1.默认高度(IE6)&n...
    99+
    2023-06-05
  • 有哪些IE6常见bug解决方法
    这篇文章主要讲解了“有哪些IE6常见bug解决方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“有哪些IE6常见bug解决方法”吧! ...
    99+
    2024-04-02
  • Android常见bug有哪些
    这篇文章给大家分享的是有关Android常见bug有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、关于使用OkHttp运行时出现的错误报错如下:Static interface met...
    99+
    2023-06-14
  • IE6中常见CSS兼容性解决技巧有哪些
    IE6中常见CSS兼容性解决技巧有哪些,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。向大家简单介绍一下IE6中常见CSS兼容性解决技巧,I...
    99+
    2024-04-02
  • IE6 BUG的解决方法有哪些
    这篇“IE6 BUG的解决方法有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“IE6 ...
    99+
    2024-04-02
  • Python常见的BUG类型有哪些
    今天小编给大家分享一下Python常见的BUG类型有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。错误类型 1:语法错误...
    99+
    2023-06-27
  • css中有什么常见的bug
    这篇文章主要介绍了css中有什么常见的bug,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、常见的主流浏览器1. 主流浏览器Interne...
    99+
    2024-04-02
  • IE6下兼容性常见的问题有哪些
    小编给大家分享一下IE6下兼容性常见的问题有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!常见问题一:在Ie6下,内容会把父...
    99+
    2024-04-02
  • 解决IE6兼容性问题的常见方法有哪些
    今天就跟大家聊聊有关解决IE6兼容性问题的常见方法有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。解决IE6兼容性问题常见方法1、使用声明你必须...
    99+
    2024-04-02
  • CSS常见技术有哪些
    这篇文章主要介绍了CSS常见技术有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS常见技术有哪些文章都会有所收获,下面我们一起来看看吧。1、介绍一下标准的 CSS 的盒...
    99+
    2024-04-02
  • css常见问题有哪些
    小编给大家分享一下css常见问题有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1. CSS 中 inline 元素可以设置...
    99+
    2024-04-02
  • 常见CSS错误有哪些
    这篇文章将为大家详细讲解有关常见CSS错误有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下:区别IE6与FF: background:orange;*background:blue; 区别IE...
    99+
    2023-06-08
  • 有哪些常见的css框架
    这篇文章给大家介绍有哪些常见的css框架,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。1.Bootstrap基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。...
    99+
    2023-06-14
  • CSS常见的技巧有哪些
    本篇内容主要讲解“CSS常见的技巧有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS常见的技巧有哪些”吧!如何清除图片下方出现几像素的空白间隙? 代码如下:方法1: img{displa...
    99+
    2023-06-08
  • css样式有哪些常见错误
    这篇文章主要介绍“css样式有哪些常见错误”,在日常操作中,相信很多人在css样式有哪些常见错误问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css样式有哪些常见错误”的疑惑...
    99+
    2024-04-02
  • CSS中常见的布局有哪些
    这篇文章主要讲解了“CSS中常见的布局有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中常见的布局有哪些”吧! CSS...
    99+
    2024-04-02
  • 常见CSS属性单词有哪些
    这篇文章主要介绍常见CSS属性单词有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!二、常见CSS属性单词及解释1、常用CSS单词有哪些2、常用CSS单词对应作用和解释3、CSS单...
    99+
    2024-04-02
  • CSS中有哪些常见的布局
    这篇文章将为大家详细讲解有关CSS中有哪些常见的布局,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   1、常见的单列布局:   header,content和foo...
    99+
    2024-04-02
  • css中常见margin用法有哪些
    小编给大家分享一下css中常见margin用法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!margin 1、margi...
    99+
    2024-04-02
  • css中常见的单位有哪些
    css中常见的单位有:px:绝对单位,在页面中是按照精确的像素来展示em:相对单位,基准点为父节点字体的大小,若是自身定义了font-size则按自身来计算rem:相对单位,相对根节点html的字体大小来计算vw:viewpoint wid...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作