我还需要使用线性渐变属性的浏览器前缀吗?
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);
Run Code Online (Sandbox Code Playgroud)
我只想要最新浏览器版本的支持.我试过跟随,但不起作用.
background-image: linear-gradient(top, #2F2727, #1a82f7);
Run Code Online (Sandbox Code Playgroud) 这里有人会发布一个网站,提供一个简洁的摘要,说明哪些供应商特定的CSS3扩展 - 例如-moz-border-radius- 仍然需要或可以弃用?
从我所看到的所有最近版本的Chrome,Safari和Opera(忘记IE,我可以在没有它的情况下为我当前的应用程序生活)基本上很高兴能够使用没有供应商前缀的W3C属性.
鉴于我并没有真正关心向后兼容性(我正在探索基于CSS3和HTML5的设计,而不是依赖于图形等)使用css有什么好处:
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
Run Code Online (Sandbox Code Playgroud)
在刚刚使用:
box-shadow: 3px 3px 5px 6px #ccc;
Run Code Online (Sandbox Code Playgroud)
后者似乎在大多数现代浏览器中工作正常(除了显而易见的!:p看着你的IE!虽然我认为它可能在IE9中有效,但我现在无法测试,因为我在Mac上) .
我看到了什么吗?我们是否需要使用上面的浏览器特定代码?或者所有浏览器都在朝着支持标准迈进?