Html 什么是y';大家都在想这件事-moz线性梯度“;生意?
因此,我为我的页面风格抓取了一些CSS,做到了这一点,并为我提供了一个漂亮的旧彩虹渐变背景Html 什么是y';大家都在想这件事-moz线性梯度“;生意?,html,css,Html,Css,因此,我为我的页面风格抓取了一些CSS,做到了这一点,并为我提供了一个漂亮的旧彩虹渐变背景 background-color:#ff0000; background-image: -moz-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%); background-image: -webkit-linear-grad
background-color:#ff0000;
background-image: -moz-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -webkit-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -o-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -ms-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%)
但是我正在努力解决的是,这个-moz和-webkit等如何作为线性梯度场的前缀。一定是这样吗?是否没有任何东西可以设置它,使它与每个浏览器通信?你感觉到我了吗?浏览器前缀是必需的,直到它们成为规范的一部分。例如,我们过去必须做
webkit border radius
,现在只需border radius
就可以了。随着支持的增加,它们将被逐步淘汰,但它们可以让您的用户满意 您可以使用CSS预处理器来减少工作量,例如:
W3C建议使用供应商前缀,直到某个功能实现到推荐的规范为止
除此之外,没有办法避免使用供应商前缀
一些有趣的阅读:
最初,厂商前缀的作用是允许浏览器制造商使用
开始支持实验性CSS声明
假设一个W3C工作组正在讨论一个网格声明,
顺便说一句,这不是个坏主意)。让我们进一步说
有些人创建了规范草案,但其他人不同意
一些细节。正如我们所知,这一过程可能需要很长时间
让我们进一步说微软作为一个实验决定
实施建议的网格。此时此刻,微软无法做到
确保规格不会改变。因此,
为了将网格添加到CSS中,它添加了-ms-grid
供应商前缀表示“这是微软的解释
因此,如果网格的最终定义是
不同的是,微软可以添加一个新的CSS属性网格而无需中断
依赖于-ms网格的页面
所以它们不是HTML5规范的一部分吗?@Hereepaperbag
border radius
特别是CSS3规范的一部分
@include background-image(linear-gradient(red, blue));