-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); }
而且CSS浏览器兼容有时候必须要做,不然会给用户一些不好的体验
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理