CSS属性实现对常见浏览器兼容怎样做，要添什么代码

发布时间：2023-10-05 10:17:39 所属栏目：语言来源：

导读：这篇文章给大家分享的是CSS属性实现对常见浏览器兼容怎样做，要加什么代码。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而且易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看

这篇文章给大家分享的是CSS属性实现对常见浏览器兼容怎样做，要加什么代码。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而且易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。、

在CSS中由于有些css属性在不同的浏览器中可能会失效，因此需要CSS对各浏览器做兼容，那么如何做CSS兼容呢？需要先了解这几个浏览器前缀。

-webkit ：表示对safari苹果浏览器与chrome谷歌浏览器的支持

-ms ：表示对IE浏览器的支持

-o ：表示对opera浏览器的支持

-moz ：表示对firefox火狐浏览器的支持

那么如果一个css属性想要兼容各个浏览器，该如何做呢？例如以下的transform:translate属性就需要做浏览器兼容，否则就会发现在有些浏览器出现css代码失效的问题，因此可以这样用，代码如下：

/*html代码*/
<div class="mydiv"><div>

/*CSS代码*/
.mydiv{
width:100px;
height:100px;
background-color:blue;
transform:translate(200px,100px);
-webkit-transform:rotate(180deg);
-ms-transform:translate(200px,100px);
-o-transform:translate(200px,100px);
-moz-transform:translate(200px,100px);
}

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!