资讯专栏INFORMATION COLUMN

老版本 IE 下的 CSS 问题/技巧整理

Amio / 1836人阅读

摘要:注以下描述只适用于的模式,未在模式下测试过。不支持这两个属性,但它会把视为因此,跨浏览器的实现方式是这样的不支持。注意这种情况下,若当前元素的的单位是,那么它参照的是父元素设置的字体大小。

注:以下描述只适用于 IE 的 Standard 模式,未在 Quriks 模式下测试过。

min-width / min-height

IE6 不支持这两个属性,但它会把 width / height 视为 min-width / min-height
因此,跨浏览器的实现方式是这样的:

_width: x;
min-width: x;
inline-block

IE6/7 不支持 display: inline-block;。要让它们实现此效果分两种情况:

一、行内元素

display: inline-block;*zoom: 1;
只要对行内元素触发 hasLayout,即可实现 inline-block,上面两句都能达到这个效果。一般用前面那句。

注意:这种情况下,若当前元素的 margin 的单位是 em,那么它参照的是父元素设置的字体大小。原因不明。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110867.html

相关文章

  • 前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签...

    未东兴 评论0 收藏0
  • 前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签...

    binta 评论0 收藏0
  • 前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签...

    lk20150415 评论0 收藏0
  • CSS知识点及技巧整理

    摘要:当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。详见浮动与清除浮动浮动相关知识属性的取值元素向左浮动。是相对长度单位,相对于当前对象内文本的字体尺寸。 这些个知识点是我个人认为的,下面我们就来看看这些个知识点。 1.怎么让一个不定宽高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子设置:display: flex; justify-content: cent...

    masturbator 评论0 收藏0
  • CSS知识点及技巧整理

    摘要:当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。详见浮动与清除浮动浮动相关知识属性的取值元素向左浮动。是相对长度单位,相对于当前对象内文本的字体尺寸。 这些个知识点是我个人认为的,下面我们就来看看这些个知识点。 1.怎么让一个不定宽高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子设置:display: flex; justify-content: cent...

    EasonTyler 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<