<IFRAME ID="Frame1" SRC="transparentBody.htm"></IFRAME> iframe在大部分浏览器中是没有背景的,但是IE中默认是有一个白色的背景色, 我测试的是(IE8/360兼容浏览器),当主背景色不是白色的时候,在这一部分会显得很突兀. 帮助手册中给出了解决方案,即将iframe中的allowTransparent属性设置为true,即可. <IFRAME ID="Frame1&q…

原文:QQ浏览器.搜狗浏览器等兼容模式下,Asp.NetCore下,Cookie.Session失效问题 这些狗日的浏览器在兼容模式下,保存Cookie会失败,是因为SameSiteMode默认为Lax. 有时页面需要用到验证码时,可能需要TempData保存一下,但是这种情况是无效的,因此需要用Session来存取,因为Session可以配置SameSiteMode 废话不多说,要修改的位置有3个,均是在Startup里面,设置完成即可 services.Configure<CookiePol…

测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据.首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具.好在经过反复重装之后,终于打开了开发者工具,经过跟踪发现,第一次删除数据时可以正常刷新,第二次或以后的删除将无法刷新,跟踪代码,发现通过异步请求的数据正常的返回并且绑定了.点击搜索按钮,也无法实现刷新,但是点击分页,发现可以翻页.初步推断是浏览器缓存了异步请求数据,跟踪比较返回的数据发现,推断是正确的.于是从网上…

安装两个依赖环境 yarn add babel-polyfill -D yarn add babel-preset-es2015 babel-cli -D 在main.js中引入babel-polyfill import 'babel-polyfill' 在webpack.base.conf.js文件中做如下修改 entry:{ app:['babel-polyfill','./src/main.js'] }, 在项目根目录新建.babelrc文件夹,文件内容如下 {   "presets&qu…

出现“promise未定义”问题,因为对es6不兼容 在项目中安装 babel-polyfill 依赖包 ① npm install babel-polyfill --save-dev ② 在main.js中引用 import 'babel-polyfill' 重新启动项目即可…

解决方法:安装 "babel-polyfill" 1.命令:cnpm install --save-dev babel-polyfill 2.在入口main.js文件引入:import 'babel-polyfill',放页面顶部最好. 3.在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js&quo…

<button style="cursor:pointer;vertical-align: middle;" >删除</button> 这时候垂直不居中. <button style="cursor:pointer;vertical-align: middle;height:21px;" >删除</button> 这时候垂直居中了.对它添加了height样式.…

最近在项目中遇到了浏览器兼容问题,透明背景图在IE或360兼容模式下没有效果,以前都是网上搜到结果,直接用了,并没有深入的去理解和利用,总会在下一次使用的时候忘记.为了让自己在前端方面学习更有成效,想想还是记录下来比较好,做个总结. 知识要点: CSS3的rgba()浏览器兼容 rgba()颜色值目前得到以下浏览器的支持:IE9+.Firefox3+.Chrome.Safari以及Opera10+ rgba颜色值是rgb颜色值的一个扩展,增加一个alpha,它规定了对象的透明度 rgba()颜色…

问题 最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,360浏览器默认使用的并不是用户电脑上的IE9模式,而是IE9的兼容模式,调整为IE模式可以正常显示. IE兼容性列表 通过检查IE浏览器菜单发现,IE浏览器是可以设置兼容性列表的.通过IE的设置->兼容性设置,可以添加指定网站使用兼容性视图. 刚开始以为是360浏览器读取了IE的兼容性列表,但是客户…

innerHTML属性,可以动态设置和修改dom,但是在360的兼容模式下回存在一些问题...... var dBody = document.body; var fatherDom = document.createElement('div'); fatherDom.innerHTML = 'fatherDom'; dBody.appendChild(fatherDom); var childDom = document.createElement('div'); childDom.inner…