精华内容
下载资源
问答
  • ie8浏览器兼容

    2018-04-27 18:16:45
    ie8兼容问题一直是一个很头疼的问题,但是你又必须要去解决,很多网页在其他浏览器上都能正常运行,但是唯独ie8及其以下运行都存在问题,这是因为HTML5、CSS3等很多主流技术都不兼容ie8,所以我们就需要让它兼容。...

    ie8的兼容问题一直是一个很头疼的问题,但是你又必须要去解决,很多网页在其他浏览器上都能正常运行,但是唯独ie8及其以下运行都存在问题,这是因为HTML5、CSS3等很多主流技术都不兼容ie8,所以我们就需要让它兼容。

    一、meta标签

    //自适应
    <meta name="viewport" content="width=device-width, initial-scale=1">
    //优先使用最新的的ie版本
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
            <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
            //设置网页字符集编码
    <meta http-equiv=Content-Type content="text/html; charset=utf-8"/>

    二、jQuery版本

    jQuery2及其以上的版本是不兼容ie8的,所以我们要兼容它应该下载jQuery1…..的版本。
    我这里用到是jquery1.10.2.js。

    <script type="text/javascript" src="js/jquery1.10.2.js" ></script>

    三、兼容HTML5的元素
    比如像HTML新增的标签:nav、article、section、header、footer等,这些在ie8都是不兼容的,解决这个问题我们可以引入两个js文件:html5shiv.min.js、respond.min.js

    <script type="text/javascript" src="js/ie8/html5shiv/html5shiv.min.js"></script>
    <script type="text/javascript" src="js/ie8/Respond/respond.min.js"></script>

    除此之外,还需要把这些元素设置成块级元素。

    /*html5*/
    article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
    

    四、兼容视频播放器
    我找的是videoJS插件,官网上说这个可以兼容ie8,但是当我把官网的代码拷贝到自己的计算机运行但是不行,然后又去百度,发现很多人都有这个问题,最终找到了一个可以解决该问题。
    http://www.cnblogs.com/PheonixHkbxoic/p/5941543.html

    • ie11截图
      这里写图片描述
      这里写图片描述
    • ie8截图
      这里写图片描述
      这里写图片描述
      虽然在ie8下有些图标没有正常显示,但是至少可以播放了。当我把视频文件换成本地的时候,这个就播放不了了,我觉得应该是本地只有.mp4的文件,没有其他格式的文件。

    引入的文件:

    <!--css-->
     <link rel="stylesheet" href="css/ie8/video-js.css"/>
     <link rel="stylesheet" href="css/ie8/style.css" />
    <!--js-->
    <!-- If you'd like to support IE8-->
    <script type="text/javascript" src="js/ie8/videojs/videojs-ie8.js"></script>
    <script type="text/javascript" src="js/ie8/videojs/html5.js"></script>
    <script type="text/javascript" src="js/ie8/videojs/video.js"></script>
    <!--视频播放器-->
                            <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4" controls preload="auto" width="368" height="291" poster="images/article1.jpg" data-setup="{}">
                                <source src='http://www.w3school.com.cn/example/html5/mov_bbb.mp4' type='video/mp4'></source>
                                <source src='videos/popin.webm' type='video/webm'></source>
                                <!--  <source src='videos/popin.ogg' type='video/ogg'></source> -->
                                <object id="flash_fallback_1" class="vjs-flash-fallback" width="368" height="291" type="application/x-shockwave-flash" data="js/videojs/flowplayer.swf">
                                    <param name="movie" value="js/videojs/flowplayer.swf" />
                                    <param name="allowfullscreen" value="true" />
                                    <param name="flashvars" value='config={"playlist":["img/confident.jpg", {"url": "http://www.w3school.com.cn/example/html5/mov_bbb.mp4","autoPlay":false,"autoBuffering":true}]}' />
                                    <img src="img/confident.jpg" width="280" height="210" alt="Poster Image"  title="No video playback capabilities." />
                                </object>
                            </video>

    这里写图片描述

    五、兼容支持css3伪类选择器

    正常情况下:
    这里写图片描述
    ie8下:
    这里写图片描述

    就是因为在css里面写了伪类选择器,在ie8里面识别不了,所以最终显示是这样

    .content-ul li:not(first-of-type) {
        padding: 1em;
        border-bottom: 1px dashed #666;
    }

    解决办法:
    引入selectivizr-min.js,就能正常显示了。

    <script type="text/javascript" src="js/ie8/selectivizr-1.0.2/selectivizr-min.js"></script>

    注意:jQuery版本一定不能太高,在调试的过程中就是因为这个问题卡了很久,页面都不能正常显示。

    目前只做了这些兼容ie8,以后碰到了再写吧!

    展开全文
  • 对于在ie7和ie8浏览器上网站的排班出现问题,加一个js浏览器版本判断,如果版本低于ie9就转为支持html5的浏览器,代码怎么编写啊,求助!!
  • 1.video标签兼容解决方法:在ie八浏览器下引入html5media.min.js 需要注意的是 把 三个文件放在同一文件夹下面....2.ie8浏览器下对background-size不支持解决方法:在css里面 behavior:url("backgr...

    1.video标签兼容

    解决方法:在ie八浏览器下引入html5media.min.js 需要注意的是 把 三个文件放在同一文件夹下面. video 的width和height不要用百分比尽量用具体的像素(本人在ie8下面宽度用100%,html5media.min.js要报错)。

    2.ie8浏览器下对background-size不支持

    解决方法:在css里面 behavior:url("backgroundsize.htc") 需要注意的是 此处文件路径是相对于html路径的。

    3.ie8下面css3属性 nth-of-type(2n) 利用js方法解决 例如:$("#demo li:nth-of-type(2n)").css({})

    展开全文
  • IE8浏览器兼容性问题

    2018-09-17 11:43:00
    IE8存在的问题1、不支持forEach循环,建议用原生2、不建议jQuery9(ajax存在部分问题),建议用jQuery8/73、不支持伪类元素4、颜色,不完全支持RGBA(33, 132, 255, 1),建议使用#2184ff这种5、不支持圆角border-...

    IE8存在的问题
    1、不支持forEach循环,建议用原生
    2、不建议jQuery9(ajax存在部分问题),建议用jQuery8/7
    3、不支持伪类元素
    4、颜色,不完全支持RGBA(33, 132, 255, 1),建议使用#2184ff这种
    5、不支持圆角border-radius,需要使用css3pie
    6、不支持input标签的placeholder属性,可能需要jquery解决
    7、IE8的input文本不居中,需要使用line-height: 40px;属性

    转载于:https://www.cnblogs.com/whoknows1/p/9661232.html

    展开全文
  • 在需要兼容IE8的元素后面添加一个filter,E5表示透明度,后面是颜色的16进制的值,添加之后可以初步解决透明度颜色在IE8浏览器不生效的问题。 需要兼容的元素{ filter:progid:DXImageTransform.Microsoft.gradient...

    在需要兼容IE8的元素后面添加一个filter,E5表示透明度,后面是颜色的16进制的值,添加之后可以初步解决透明度颜色在IE8浏览器不生效的问题。

    需要兼容的元素{
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E516285C,endColorstr=#E516285C);
    }

    下面有在线转换工具的地址:http://www.rockyxia.com/tools/rgba.php

    展开全文
  • 我这是进行判断浏览器 css判断ie版本才引用样式或css文件 <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6...
  • ie8对待颜色值,最完整的就是 #ffffff 6位16进制数,三位也支持,但是4位就不支持了。所以以后在书写颜色值代码最好都写全了,防止不必要的bug,加班。。。。 module.exports 与export 区别:exports 与require 相...
  • 问题现象 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;...UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/titl
  • 实现一个背景透明的效果,用CSS3用rgba()就能实现,兼容IE8,没有透明效果,因为IE8不支持rgba()函数。 background: rgba(0,0,0,.5); 2.rgba()函数 rgba的含义,r代表red,g代表green,b代表blue,a代表透明度...
  •  第一篇,先写一个最初遇到的一个问题,随着IE8的应用,懂得“时尚”的都对自己的浏览器升了级,对于我们开发者也带来了问题,也就是IE8自带的一个兼容模式,虽然在IE8中已经有,但有时页面浏览中默认加...
  • <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  •  第一篇,先写一个最初遇到的一个问题,随着IE8的应用,懂得“时尚”的都对自己的浏览器升了级,对于我们开发者也带来了问题,也就是IE8自带的一个兼容模式,虽然在IE8中已经有,但有时页面浏览中默认加载模式的...
  • 在web项目进行浏览器兼容性测试,论坑最多的,非IE系列浏览器莫属,且IE8是我们组开发的心中的痛,一提到有兼容性bug,第一反应:是不是IE的?卧槽,又是IE8!  由于项目产品需要,管理后台和官网等web项目都需要兼容...
  • 我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面,border-radius这个属性是不起作用的,这个时候,就...
  • IE6 浏览器兼容

    2019-10-17 23:05:57
    IE6,千万不要跟他死坑、较劲,它不配。 格调要高,我们讲IE6的兼容性问题,就是为了增加面试的成功率,不是为了成为IE6的专家...我们设置一个height为 5px 、宽度为 200px的盒子,看下在IE 8IE 6中的显示效果:...
  • bootstrap3 兼容IE8浏览器IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8,感兴趣的朋友可以参考一下
  • IE8不能实现响应式布局IE8及以下版本用html5shiv.js实现html5功能IE8用PIE.htc来实现CSS3的功能(rotate, rgba, background-size:cover等) PIE.htc最好用绝对路径,如果相对路径,则应相对于html,而非css应用的...
  • KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
  • IE10浏览器兼容模式

    2016-05-12 11:36:39
    现在的机器很多都是win7、win8了。而win7、win8现在使用的IE浏览器基本上也是IE9、IE10。 那么如何快速调出IE10的兼容模式呢? 其实很简单的,如果是台式机只需要...PS:本快捷键适用于IE7、IE8、IE9、IE10. ...
  • ie8浏览器兼容问题

    2018-08-14 21:41:36
    2.js书写时注意分号的书写,chrome,firefox等高级浏览器会自动识别分号,ie在低版本情况下只会报错,如果没注意1,使用了jQuery2.x以上的版本,jQuery内部也会报分号而引起的错误。 3.html5标签的兼容性采用:...
  • IE 浏览器兼容

    2017-02-17 11:01:11
    注意:要以页面无css hack 为目标,并提高css技能 ... /*IE8以及以下版本浏览器*/ *color:green; /*IE7及其以下版本浏览器*/ _color:purple; /*IE6浏览器*/ } 说明:在标准模式中 “-″减
  • echarts在360中以及IE8浏览器兼容:解决方案
  • h5和css3兼容IE8浏览器-附件资源

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,322
精华内容 3,728
关键字:

ie8浏览器兼容