css3 flex的IE8浏览器兼容问题

我这是进行判断浏览器

css判断ie版本才引用样式或css文件

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->

或者这样,直接解决:

<!--判断IE浏览器版本-->
<script>window.AESKey = '';// 判断浏览器是否支持placeholder属性
    function isSupportPlaceholder() {var input = document.createElement('input');return 'placeholder' in input;};(function() {//判断是否是IE浏览器，包括Edge浏览器
        function IEVersion() {//取得浏览器的userAgent字符串var userAgent = navigator.userAgent;//判断是否IE浏览器var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;if (isIE) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion = parseFloat(RegExp["$1"]);if (fIEVersion < 10 || !isSupportPlaceholder()) {return true;}} else {return false;}}var tpl = ['<div class="browser-tips" style="margin:0 auto;text-align: center;">','<img style="display: inline-block;margin:100px 0 20px 0;" src="error.png">','<p style="font-size: 20px;color:#000;line-height: 32px;">为了给您提供更优质的网页浏览体验，建议使用IE10及以上版本的浏览器</p>','<p style="font-size: 20px;color:#000;line-height: 32px;">对“本网站”进行访问，请升级或更换其他浏览器</p>','</div>'].join('');window.onload = function() {if (IEVersion()) {document.write(tpl);}};window.siteName = "本网站好啊好啊";})();
</script>

转载于:https://www.cnblogs.com/init-007/p/11533654.html

css3 flex的IE8浏览器兼容问题相关推荐

IE8浏览器兼容问题（日常经验总结）
ie8对待颜色值,最完整的就是 #ffffff 6位16进制数,三位也支持,但是4位就不支持了.所以以后在书写颜色值代码最好都写全了,防止不必要的bug,加班.... module.exports 与 ...
【web开发】IE8浏览器兼容rgba()
1.问题: 实现一个背景透明的效果,用CSS3用rgba()就能实现,兼容到IE8,没有透明效果,因为IE8不支持rgba()函数. background: rgba(0,0,0,.5); 2.rgb ...
border-radius 兼容 IE8浏览器
我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题.在IE8浏览器里面,border-radius这 ...
处理浏览器兼容所遇到的问题总结(一)
注意:因为浏览器问题,重新定义Array.prototype.indexOf-等函数时,一定要注意符合原始定义,不要随便用别的实现方式定义,否则可能会影响插件调用之前开发项目时,前端调试都是以goo ...
CSS:flex布局浏览器兼容处理 ie8, ie9
浏览器兼容性关于flex的W3C规范:http://dev.w3.org/csswg/css-flexbox-1/ 浏览器兼容性可以参考CanIUse:http://caniuse.com/#fea ...
html5新特性移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
让Bootstrap 3兼容IE8浏览器
看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2 ...
CSS3与页面布局学习总结（八）——浏览器兼容与前端性能优化
一.浏览器兼容 1.1.概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...
bootstrap3 兼容IE8浏览器
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap ...

css3 flex的IE8浏览器兼容问题

css3 flex的IE8浏览器兼容问题相关推荐

最新文章

热门文章