zoukankan      html  css  js  c++  java
  • IE8不兼容

    <meta http-equiv="x-ua-compatible" content="ie=7" />

    <title>前面加上这句,使用ie7兼容

    如果还是不行,请使用HACK属性吧

    =======================================

    ie的float bug(ie6,ie7)使前端工程师们为之困扰,最常见的现象就是:当浮动元素的父级元素在拖动滚动条的时候出现边框的缺失,对于此类问题的解决方案就是使浮动元素获得布局.

            在诸多的情况中,因为页面需要宽度自由伸缩而不能申明宽度为固定值,但我们可以设置*height:1%;,*在这里可谓是举足轻 重,因为*只能被ie7及以下版本解析,ie8并不识别此类写法,所以可以使用这个写法来区别ie8和其他版本号的ie浏览器.对网上流行的ie8 beta1的hack,也算是一个补充.

            一些常用的hack测试

            * html  p {color:red;}           支持 IE6        不支持FF IE7 IE8b
            *+html p {color:red;}    支持 IE7 IE8b        不支持FF IE6
            p {*color:red;}                      支持 IE7 IE6        不支持FF IE8b

            IE8 中增加了 CSS3 中的子串匹配的属性选择器(substring matching attribute selectors),具体规则与正则中的匹配很相似:

            E[att^=’val’] //子串以’val’ 开始
            E[att$=’val’] //子串以’val’ 结束
            E[att*=’val’] //子串中包含’val’

            IE8 支持绝大多数基本的 CSS2.1 选择器,不支持的包括但不限于:[:first-line] 、[:first-letter]。
            对于 CSS2.1 中的 generated content 部分,即通过使用伪元素 :before 和 :after 添加文本内容,IE8 中支持 并未完全 。
            而对于几乎在其他浏览器中都支持的 opacity 和 RGBA ,IE8 中依旧没有支持。
            对于原来用来区分 IE 的 HACK 在 IE8 中基本失效(比如*property:value、*property:value等)。
            原有 IE 的 list-item whitespace bug 在 IE8 中依旧存在。 
            原有 IE 的 z-index bug 在 IE8 中依旧存在。
            IE8 中产生新的 bug:当 line-heigth 小于正常值时,超出的部分将被裁切掉。
            IE8 中依然不支持 display:table 。
            IE8 中依然不支持 border 的 transparent 值。
            IE8 中 @import 只支持三层嵌套。
            IE8中 border的 transparent 不被支持
            IE8中产生新的BUG:line-heigth BUG
            /*/p{ color:#1e90ff}/*/ 只针对IE8的hack,可以是属性也可以是类

  • 相关阅读:
    Linux curl命令详解
    drools 7 日期时间段校验
    java程序员常用查询和学习的网站
    springboot+mybatis+分页插件的使用
    Vue. 之 替换 左上角 title标签处的图标
    Github访问速度很慢的原因,以及解决方法
    vue插件总结——总有你能用上的插件
    在Java中如何高效的判断数组中是否包含某个元素
    解决vue刷新页面以后丢失store的数据
    vue路由跳转时组件data数据刷新
  • 原文地址:https://www.cnblogs.com/tangge/p/2010574.html
Copyright © 2011-2022 走看看