layer兼容性问题
一、Layer 弹出层在ie8错乱的解决办法
弹出层在火狐、谷歌、360极速模式、IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上:
<meta http-equiv="x-ua-compatible" content="ie=7" /> 即可解决。
但是我的项目是在弹出层上面再有弹出层,结果是第二弹出层的没问题了 但是第一弹出层被影响了(一些导航和标题浮动了)。
后来看到了淘宝的源代码是这样写的:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
网友是这样解释的:
这是一个,文档兼容模式的定义。 Edge 模式告诉 以最高级模式渲染文档,也就是任何 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 就用什么版本的标准模式渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge">使用以下代码强制 IE 使用 Chrome Frame 渲染 <meta http-equiv="X-UA-Compatible" content="chrome=1"> 提示 IE 用户安装 Google Frame Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。 <script src=""></script><script>CFInstall.check();</script> 最佳的兼容模式方案,结合考虑以上两种: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
二、360浏览器兼容模式无法弹出layer对话框问题
问题 Layer插件的提示框在极速模式下正常显示,但是兼容模式下不显示。
解决
360有俩模式(点击地址栏的闪电图标或者IE图标可以切换)
一个是基于Webkit内核的极速模式,一个是IE内核的兼容模式。
强制360以极速模式浏览网页,可以给此网页增加meta,强制360浏览器以极速模式解析此网页,而非IE兼容模式。
<html> <head> <meta name="renderer" content="webkit"> </head> <body> </body> </html>
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
转载于:https://www.cnblogs.com/ziyoublog/p/9914761.html
layer兼容性问题相关推荐
- halcon11用于C++的HTuple.h头文件,纯手添中文翻译!
halcon11用于C++的HTuple.h头文件,纯手添中文翻译!乐于分享,请勿在非同意下转载! /************************************************* ...
- 基于Tensorflow2.1的Mask RCNN兼容性问题(Variables were created within a Lambda layer (anchors))
有Tensorflow2.1兼容性问题的Mask RCNN的github项目: https://github.com/matterport/Mask_RCNN 报错信息: ValueError: Th ...
- keras.layers.Conv2D 与tf.layers.Conv2D 的兼容性: AttributeError: ‘tuple‘ object has no attribute ‘layer‘
结论: keras.layers.Conv2D 与 tf.layers.Conv2D有相同的参数设置模式 keras.layers.Conv2D 可以兼容处理 tf.layers.Conv2D得到的t ...
- ios android 录音格式,跨系统的录音格式兼容性问题: iOS Android
iOS/ OS X支持的可播放的Audio Format与Android支持的有些不一样.因此可能出现在Android设备上面使用MediaRecorder录制出来的音频文件在iOS上面不可用.当然也 ...
- vue在微信里面的兼容问题_微信H5页面兼容性问题分析及解决方法
随着H5页面越来越流行,越来越多的开发者都开始用最近H5做微信公众号,在这个过程中自然也会遇到不少的问题.小编在这里整理了五种常见的微信H5页面兼容性问题,来和大家分析一下问题的详情.出现原因以及相对 ...
- 前端项目开发中碰到的坑、移动端兼容性问题
前端开发中碰到的坑.移动端兼容性问题 1.ios兼容input光标高度 问题:input输入光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样. **出现问 ...
- Core Animation学习笔记—第二节Setting up Layer Objects
各位iOS开发大佬们好: 我是一名Swift+SwiftUI栈的iOS小白,目前还在上大三,最近准备实习,面试的过程中发现现在大公司很多还在用OC + UIKit的技术栈,OC我还在考虑要不要学,目前 ...
- 百度 Hydra 工具在移动端 UI 兼容性测试上的高效应用
导读:尽管自动化测试技术日新月异,但是自动化case构建成本.执行稳定性等问题的存在,使手工测试依然移动端质量保证的重要手段.传统手工测试必须通过人工操作的方式执行测试用例,效率提升依赖测试人员的操作 ...
- 论文阅读:Attention-based Dropout Layer for Weakly Supervised Object Localization
Attention-based Dropout Layer for Weakly Supervised Object Localization 作者贡献 ADL: Attention-based Dr ...
最新文章
- 监控Linux服务器网站状态的SHELL脚本
- Lintcode: Kth Smallest Number in Sorted Matrix
- wince下sources\sources.cmn\Makefile.def的相关作用
- UA MATH564 概率论 多项分布
- android 固定大小数组,android-Kotlin中的最大数组大小
- range python 3.6 type class_Python 3.6 有什么新特性
- 如何编译 dotnet/aspnetcore 源代码
- jms mdb_MDB!= JMS,反之亦然
- Linux操作系统原理与应用09(完):设备驱动
- 如何让caffe读取多通道图片(=4)
- 金蝶K3 WISE所有单据数据库内码及描述对照表
- java xps文档_使用Java 将PPT转换为PDF、XPS等格式
- 如何搭建中国电信物联网云平台
- matlab图形界面fig文件打开不能编辑
- win10关闭某个端口
- xss.haozi.me靶场详解
- 网上那些代理IP是哪儿来的
- Pillow - putpixel操作 实现随机色的图片
- 2. Vmware vCenter部署
- 数据结构C语言版(答案)
热门文章
- crontab指定时间
- 【CGAL_网格处理】坐标变换
- 计算机专业英语论文题目,英语毕业论文题目_英语论文题目参考(中英文对照)...
- 跟李沐学深度学习-softmax回归
- 自动柜员机是不是微型计算机,第三章微型计算机基础知识.pptx
- L5W3作业2 关键字语音识别
- html ul实现手机页面,手机端网页banner实现
- web 前端图片优化之--图片压缩上传
- STM32CubeMX实战教程(七)——TFT_LCD液晶显示(附驱动代码)
- 将Raspberry Pi用作台式PC的17个最佳Raspbian应用