一些关于前端方面浏览器的兼容问题（持续更新）

最新推荐文章于 2021-07-24 00:07:22 发布

置顶 big_badwolf

最新推荐文章于 2021-07-24 00:07:22 发布

阅读量192

点赞数

文章标签： web 前端兼容

本文链接：https://blog.csdn.net/big_badwolf/article/details/88848256

版权

css部分

1.透明度兼容

  filter: alpha(opacity=50); /*IE*/
  opacity: 0.5; /* 其他 */
  background: rgba(2, 2, 2, 0.5); /*IE9及以上*/

需要注意的是，opacity和filter写法会同时把子节点的背景也调成半透明。

2.width和padding

这里牵扯到一个历史遗留问题，IE6/7/8在html不声明<!DOCTYPE html>时会触发怪异模式。

怪异模式下的盒模型width=content+padding+border，所以你如果指定了一个width，那么padding和border都会计算到这个width里面而不会向外撑开width。

标准盒模型width=content。

当然你也可以选择使用box-sizing属性来设置标准盒模型和怪异盒模型：

  box-sizing: content-box;/*标准模式（默认值）*/
  box-sizing: border-box;/*怪异模式*/

3.canvas兼容

H5新增canvas标签，用来创建一个画布，当然你需要使用脚本语言（一般是js）来编写，这里说canvas标签的兼容性。

<canvas>
您的浏览器不支持canvas，请尽快升级
</canvas>

对于支持canvas的浏览器来说，是不会读取canvas内部的内容的。反之，只会读取canvas的内容。

关注