您的位置：首页 > Web前端

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

2019-03-27 16:40 393 查看

css部分

1.透明度兼容

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

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

2.width和padding

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

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

标准盒模型width=content。

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

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

3.canvas兼容

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

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航