css3为什么有通用还要加兼容sublime css3前缀插件

来源：蜘蛛抓取(WebSpider) 时间：2018-02-07 21:42 标签： vscode css3前缀
jquery增加兼容浏览器CSS前缀CSS3 Finalize(推荐)(推荐)例如需要有前缀的CSS3属性变换
-moz-&in Firefox
-ms-&in Internet explorer
-webkit-&in Chrome, Safari
-o-&in Opera
&script src=&https://cdnjs.cloudflare.com/ajax/libs/css3finalize/3.4.0/jquery.css3finalize.min.js&&&/script&
// Disable autoload
window.cssFinalize=
// DOM is ready
jQuery(function($) {
// Start parse
$('style, link').cssFinalize();
&/script& &
你还未登录，请选登录!
分享HTML我帮您
收款人：邓志锋 luc***@126.com
收款人：向html580网站(**锋)付钱为什么使用css3要加前缀_百度知道
为什么使用css3要加前缀
我有更好的答案
所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的css3新属性目前已有很多私有前缀可以不写了，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容在标准还未确定时，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法
前端开发工程师
标准规范还没有发布，许多浏览器支持的程度也不同，因为css3很多属性还没有确定下来　　这位网友你好，而且每个浏览器厂商同一个样式支持的写法也不同，所以要加前缀来达到各个浏览器兼容
为您推荐：
其他类似问题
css3的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。26被浏览7,566分享邀请回答4添加评论分享收藏感谢收起1添加评论分享收藏感谢收起html5（33）
将下面的代码放入到js当中
function prefix() {
var div = document.createElement('div');
var cssText = '-webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -ms-transition:all .1s; transition:all .1s;';
div.style.cssText = cssT
var style = div.
if (style.webkitTransition) {
return '-webkit-';
if (style.MozTransition) {
return '-moz-';
if (style.oTransition) {
return '-o-';
if (style.msTransition) {
return '-ms-';
return '';
在需要的地方，或者赋值给变量使用
var cssPrefix = prefix();
alert(cssPrefix);
访问：553447次
积分：7994
排名：第3091名
原创：348篇
转载：43篇
评论：55条
(2)(17)(15)(13)(10)(18)(25)(30)(38)(33)(16)(9)(3)(15)(68)(54)(16)(10)关于css透明的兼容火狐ie等主流浏览器的问题。为什么前缀-moz-？_百度知道
关于css透明的兼容火狐ie等主流浏览器的问题。为什么前缀-moz-？
关于css透明的兼容火狐ie等主流浏览器的问题。主要是不明白火狐下，为什么前缀-moz-？
我有更好的答案
CSS3前缀+标准代码的顺序既然CSS3代码中（暂时）需要写上这么多前缀，那么他们的顺序是如何的呢.5;-moz-transform:rotate(-3deg); /*为Firefox*&#47, IE9, Saf5, Chrome, FF4，一个CSS3旋转的代码是：-webkit-transform:rotate(-3deg); /*为Chrome&#47，所以就用厂商前缀加以区分。
CSS3的前缀是一个浏览器生产商经常使用的一种方式; &#47.1+ */FF4、Saf5以及Chrome都支持border-radius属性了，我们就没有必要写以上两条了，代码变成css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程;transform:rotate(-3deg)、Chrome等浏览器的最新版普遍兼容的时候: 12*为IE*/* FF1-3。看看都有哪些前缀：-webkit-moz-ms-o举例来说:rotate(-3deg);-o-transform:rotate(-3deg); /*为Opera*/Safari*/ &#47。以border-radius为例：-moz-border-*为IE*/ &#47: 12-moz-transform:rotate(-3deg); /*为Firefox*&#47。浏览器厂商在标准尚未明确情况下提前支持会有风险？答案在下面↓是先写私有的CSS3属性，再写标准的CSS3属性。-webkit-transform:rotate(-3deg); /*为Chrome&#47, Android &1.6 */border-radius: 12 /* Opera 10;Safari*/*为nothing*/去掉CSS3前缀什么时候我们可以去掉一个属性的CSS3前缀呢.6 */ &#47, iOS 4, Android 2;-ms-transform。它暗示该CSS属性或规则尚未成为W3C标准的一部分; &#47:rotate(-3deg)？答案还在下面↓当一个属性成为标准，并且被F-webkit-border-radius，有的支持的不好.2;-o-transform:rotate(-3deg); /*为Opera*&#47: 12px，css中的属性进展都不一样：border-radius，同时也会出现有的浏览器厂商支持的好;-ms-* Saf3-4, iOS 1-3
采纳率：44%
来自团队：
很高兴为您答疑;*为IE*/　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助　　您好！　　CSS3前缀+标准代码的顺序，举个例子;-o-transform:rotate(-3deg); /*为Opera*/-moz-transform:rotate(-3deg); /*为Firefox*/ &#47，如有疑问，欢迎继续在本平台咨询;-ms-Safari*&#47，CSS3旋转的代码是：-webkit-transform:rotate(-3deg); /*为Chrome&#47:rotate(-3deg)
本回答被网友采纳
表明是针对火狐的私有属性，为了兼容各个浏览器先写私有的属性，再写标准的属性。
您好-moz css，是火狐特有css扩展样式列表
　　您好！很高兴为您答疑！　　兼容IE,firefox,chrome,Safari,Opera等主流浏览器的半透明代码：　　.o　　{filter:alpha(opacity=50);　　opacity:0.5;　　-moz-opacity:0.5;　　width:100%;　　}　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
其他2条回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 vscode css3前缀 的文章

 

随机推荐