css属性前浏览器厂商前缀

文章出自个人博客https://knightyun.github.io/2019/01/27/css-webkit，转载请申明

CSS3中一些新功能也是目前导致各大浏览器不兼容的一个原因，这些新功能的出现，浏览器厂商们变便开始尝试融合、试验，所以就在这些功能前加上自己的特定前缀来执行自己的特定解决方法，为了让这些功能能在完全确认下来前使用；

下面就是我们经常用到的前缀及其兼容浏览器：

-webkit-

Apple Webkit团队，兼容Android, Safari, Chrome, BlackBerry等；

-moz-

Mozilla，兼容Firefox等;

-ms-

Microsoft基金会，兼容IE;

-o-

兼容Opera, Opera Mini, Opera Mobile;

因此对于一些较新的css3特性，需要添加以上前缀兼容每个浏览器，例如实现线性渐变，标准写法是 linear-gradient()，但是一下浏览器还未完全确定这一特性，就在前面添加一个前缀来进行试验执行，如 -webkit-linear-gradient；

下面是开发中常用的兼容写法：

body {background: linear-gradient(0, green, blue);background: -webkit-linear-gradient(0, green, blue);background: -moz-linear-gradient(0, green, blue);background: -o-linear-gradient(0, green, blue);background: -ms-linear-gradient(0, green, blue);
}

**技术文章推送** **手机、电脑实用软件分享**

css属性前浏览器厂商前缀相关推荐

css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局
别具光芒CSS属性.浏览器兼容与网页布局语音编辑锁定讨论上传视频上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...
CSS属性前的 -webkit, -moz
在CSS属性能中,我们常常能看到-webkit-,-moz-之类的前缀,这种就叫做浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持.-webkit-是webkit内核的,-moz-是Firefo ...
CSS系列之浏览器私有前缀
文章の目录 1.私有前缀 2.提倡写法写在最后浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无须添加. 1.私有前缀 -moz-:代表 firefox 浏览器私有属性 -ms-:代表 i ...
Vendor Prefix：为什么需要浏览器引擎前缀
浏览器引擎前缀(Vendor Prefix)是什么? Vendor prefix-浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效.谷歌浏览器 ...
34、CSS高频前端面试题之CSS基础
参考:https://juejin.cn/post/6905539198107942919 目录一.CSS基础 1. CSS选择器及其优先级 2.CSS中可继承与不可继承属性有哪些 2.1 无继承性 ...
blr不是已知的css属性名,css笔记
背景图片满屏显示: .mainbody{position:absolute; top:0; left:0; height:100%; width:100%; background-image:url( ...
blr不是已知的css属性名,js判断并告知支持css属性（值）的何种情况
前言当我们想用某个css新特性时,总是会在意它的兼容性情况,或许我们会去搜索它的兼容性,哪些浏览器合适哪些不合适,在这些已知的情况下再选择是不是使用或如何使用,这是一个已知我们即将用于什么浏览器下作 ...
判断浏览器是否支持某个css属性
方法:直接判断浏览器是否支持某个CSS属性才是王道,document.documentElement.style 如:判断是否支持 transform if( 'MozTransform' in do ...
CSS3新特性(属性选择器、结构伪类选择器、2D/3D转换、动画、浏览器私有前缀）
这里写目录标题一.CSS3 属性选择器二.CSS3 结构伪类选择器三. CSS3 伪元素选择器四.CSS3 2D转换 1.2D 转换之移动 translate 2.2D 转换之旋转 rotat ...

css属性前浏览器厂商前缀

-webkit-

-moz-

-ms-

-o-

css属性前浏览器厂商前缀相关推荐

最新文章

热门文章