ie9兼容问题部分填坑

最新推荐文章于 2021-08-03 18:35:34 发布
最新推荐文章于 2021-08-03 18:35:34 发布
阅读量3.8k 收藏 8
点赞数
文章标签： 前端 ie9 css html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a734939283/article/details/82689124
版权
在Vue+TS项目中，为确保IE9兼容性，遇到并解决了一些问题。Html方面，避免使用HTML5新标签，IE9下a标签下载文件名解析错误。CSS中，flex布局需用float替代，图片需同时指定height和width防止变形，渐变色和transform动画不支持。JavaScript里，日期处理需替换“-”为“/”，ie9不支持console和debugger，监听窗口切换仅识别最小化，且事件参数可能不识别。
摘要由CSDN通过智能技术生成

ie9兼容问题部分填坑

最近在给公司的一个项目vue+ts重构，要兼容到ie9，遇到了一点小问题，记录下。

Html

1.html5标签尽量不要使用
2.a标签的下载可以使用，但赋值失败。ie会下载出文件原名称。
例如<a href="../../static/files/download.zip" download="我是插件.zip">下载</a>
当在chrome浏览器中，下载下来的文件为“我是插件.zip”，而在ie9中下载下来的为“download.zip”。

css

1.flex布局不兼容，使用float解决。
2.图片大小在chrome中可以直接使用height:,会自动缩放，ie9中还需要设置width，否则图片容易变形。
3.渐变色例如 background: linear-gradient(to bottom, #64C7FF, #085FBF );
ie9不兼容。
修改为：

FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#64C7FF', endColorstr=
最低0.47元/天 解锁文章
a734939283
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE 滤镜实现图片旋转效果
君林天下的专栏
04-19 1758
..
浏览器兼容性问题（IE9+;PC）
NewWent的博客
09-06 4165
HTML/CSS 1. 默认margin、padding不一致 * {margin: 0;padding: 0;} 2. css3的animation IE9不支持 3. display: flex IE9不支持；IE10部分支持，使用display: ms-flexbox flexbugs@github IE10下，justify-content对...
FILTER:progid:DXImageTransform.Microsoft.Gradient使用
weixin_33769125的博客
10-17 144
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法：filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth,GradientType=0 | 1)属性：enabled...
css翻转
tarajk05的专栏
01-26 576
CSS代码，高级浏览器使用transform，ie用滤镜实现。 1 /*水平翻转*/ 2 .flipx { 3 -moz-transform:scaleX(-1); 4 -webkit-transform:scaleX(-1); 5 -o-transform:scaleX(-1); 6 transform:scaleX(-1); 7 filt
css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
aa88342249的博客
10-09 127
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法： filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 属性： enabled:可选项。布尔值(Boolean)。设置...
vue2兼容ie9浏览器
最新发布
10-31
如果遇到问题，可以寻找支持IE9的替代方案，或者手动处理不兼容的部分。 通过以上步骤，Vue 2应用应该能够在IE9上正常工作。然而，由于IE9的限制，一些现代前端开发的特性（如Flexbox布局、CSS3动画等）可能无法在...
Vue兼容ie9的问题全面解决方案
08-27
然而，在使用 Vue开发项目时，需要考虑到浏览器的兼容性问题，特别是 ie9 及更低版本的浏览器。下面将详细介绍 Vue 兼容 ie9 问题的全面解决方案。 一、背景情况 Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+...
padding ie 不兼容问题
09-25
主要介绍了padding ie 不兼容问题,需要的朋友可以参考下
css兼容ie9
12-22
某些css属性不兼容ie9，引入此js可以解决部分问题，共享资源
[ CSS ] filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
热门推荐
杨有梦的博客
04-16 2万+
很多时候需要将图片显示在网页上，一般都会这样做，如下: 是的，这样是可以做到，但是如果我要将本地的图片显示到页面上呢？你可能会说，我还有办法，如下: 是的这样是可以？在你的本地确实能够完美的显示出来。 但是可惜的是，如果将你的网页放到服务器上，发现，额，怎么什么都没有了? 原来这一切在ie下都是不支持的直接去显示本地图片。至于在chrome下，比较easy，这里就不多话了，
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
流年轻逝
12-15 4527
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题  百度源代码如下 http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>; 百度一下，你就知道 var wpo={start:new Date*
IE9 float Bug
weixin_30542079的博客
07-04 120
发现在IE6 IE7中的bugfloat元素在非float元素之后会自动换行IE8已解决，ie9还存在 解决办法：float元素写在非float元素之前网上还有一些其他的解决办法可以参考。 转载于:https://www.cnblogs.com/byayn/p/3172073.html...
Ant Design Pro 兼容性问题
Veni的博客
08-31 1万+
支持环境：现代浏览器和 IE9 及以上（需要 polyfills）。 一：组件 1.Flex 布局 现代浏览器支持 2.Upload 上传 beforeUpload：上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传。注意：IE9 不支持该...
ie9兼容css正常吗,css3属性linear-gradient兼容ie9问题
weixin_31029019的博客
08-03 234
1.在vue-cli构建的商城项目中发现background-image: linear-gradient(to right, #ff0067, #ff5698);在ie9中失效，无法显示任何内容。解决方案：IE可以依靠滤镜实现渐变。startColorstr表示起点的颜色，endColorstr 表示终点颜色。GradientType 表示渐变类型，0 为缺省值，表示垂直渐变，1 表示水平渐变。...
ie兼容问题
a44185的博客
07-02 427
文章目录1 ie不兼容replaceAll方法2 ie不兼容setTimeout(() => {}) 1 ie不兼容replaceAll方法 使用split方法，再加上字符串拼接 2 ie不兼容setTimeout(() => {}) 可以先试一下。 html引入的js文件不兼容setTimeout(() => {}) 需要换成 setTimeout(function() {}) Router.beforeEach引入的js文件使用window.setTimeout(() => {}
css样式一些兼容ie9问题
weixin_44860135的博客
04-23 3829
下面都是一些关于博主自己在写项目时遇到的一些兼容ie的css样式问题: 渐变色 在ie9及以下是不支持gradient的。所以要用渐变色的话，需要使用如下属性，该属性不适用于safria浏览器，并且，#fff不可以简写 FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff...
visibility在ie 伪类元素下的表现
m0_37639199的博客
07-04 490
当我有有一个元素span,并且其有伪类元素：：before{content:"123",...} 当在除ie浏览器外的其他浏览器下： 给span标签一个属性visibility:hidden，其伪类元素也会跟着消失，但是当在伪类元素中添加visibility：visible时，伪类元素可见。 在ie浏览器下： 给span标签一个属性visibility:hidden，其伪类元素也会跟着消失
IE6-IE9浏览器兼容性问题解决方案
"此文档是关于IE6到IE9之间浏览器兼容性问题的综合列表，包含了JavaScript、DOM、HTML和CSS等方面的调整和变化，旨在帮助开发者解决在升级过程中的各种问题。" 在HTML方面，从IE6到IE8，浏览器开始支持格式正确的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值