线性渐变是否仍需要浏览器前缀? [英] Is browser prefix still required for linear-gradient?

问题描述

我是否还需要将浏览器前缀用于linear-gradient属性?

 背景图片:-webkit-linear-gradient(top，#2F2727，#1a82f7);背景图片:-moz-linear-gradient(top，#2F2727，#1a82f7);背景图片:-ms-linear-gradient(top，#2F2727，#1a82f7);背景图片:-o-linear-gradient(top，#2F2727，#1a82f7); 

我只希望支持最新的浏览器版本.我尝试了以下操作，但不起作用.

 背景图片:线性渐变(顶部，#2F2727，#1a82f7)； 

解决方案

根据

以下是最常见的桌面浏览器的第一个兼容版本和发布日期:

• IE v10，2012年9月发布
• Firefox v16，2012年8月发布
• Chrome v26，2013年2月发布
• Safari v6.1，2013年10月发布
• Opera 12.1，2012年11月发布

有关其他浏览器(包括移动浏览器)兼容性历史记录的信息，请访问我可以使用.

Do I still need to use the browser prefixes for the linear-gradient property?

background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7);
    background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
    background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
    background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);

I only want the support of latest browser versions. I tried following, but does not work.

background-image:    linear-gradient(top, #2F2727, #1a82f7);

解决方案

According to Can I use, as of June 2017, 93.75% of Internet usage is on a browser that supports unprefixed linear gradients (97.2% in the US). For most people, this means you don't need to prefix your gradients anymore.

Below is the first compatible version and release date for the most common desktop browsers:

• IE v10, released September 2012
• Firefox v16, released August 2012
• Chrome v26, released February 2013
• Safari v6.1, released October 2013
• Opera 12.1, released November 2012

Information on compatibility history of other browsers (including mobile browsers) is available at Can I use.

这篇关于线性渐变是否仍需要浏览器前缀?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！