-webkit或-moz或其他属性是否真的有必要?

时间:2015-08-13 10:56:09

标签: html css

我想把一个盒子阴影放在一个元素上,这次不是手动填充参数,我使用了一个在线生成器给了我这样的输出:

-webkit-box-shadow: 0px 10px 7px -8px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 7px -8px rgba(0,0,0,0.25);
box-shadow: 0px 10px 7px -8px rgba(0,0,0,0.25);

但它完全相同3次,如果不同的浏览器实现之间存在一些参数差异,我会得到它,但在这种情况下,没有任何。而且,只是简单的旧

box-shadow: 0px 10px 7px -8px rgba(0,0,0,0.25);
无论如何

适用于所有现代浏览器,为什么我要膨胀我的css文件?

2 个答案:

答案 0 :(得分:4)

  

-webkit或-moz或其他属性是否真的有必要?

您是否想要使用实验/不稳定/非标准CSS属性,这些属性在它们出现的浏览器中处于支持的最前沿?

然后是。

您是否希望使用已经完成规范的稳定的标准CSS属性,并且只能在认为具有强大实现的浏览器中使用?

然后没有。

与此相关 - “盒子阴影'实验/不稳定/非标准'”?

请参阅the support chart:这些日子不是。

答案 1 :(得分:0)

这取决于你的问题;

我的网络应用程序是否适用于较旧的浏览器?

  • 是!

使用供应商,但考虑一些可以为您完成的工具。校验: https://github.com/postcss/autoprefixer

  • 没有:)

但你确定吗?有些用户在使用Windows Vista和IE10时使用PC,由于许可证和老板政治,他们无法改变它。