是否需要供应商前缀?#34;无"?

时间:2017-03-30 13:15:35

标签: css vendor-prefix

只是一个关于供应商前缀的快速问题,我一直想知道但无法找到答案 - 是否需要在关闭/重置样式时使用" none", "首字母"," 0"等?例如,如果我像这样设置一个框阴影:

   -webkit-box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);
   -moz-box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);
   box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);

如果我不希望盒子阴影的屏幕尺寸较小,那么在媒体查询中我只会做" box-shadow:none;"或者我需要做什么:

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

1 个答案:

答案 0 :(得分:2)

如果你设置像这样的盒子阴影......

-webkit-box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);
box-shadow: -4px 0 10px 2px rgba(0, 0, 0, .1);

......你需要像这样取消它:

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

否则,不支持box-shadow的非前缀版本的浏览器不会知道您将box-shadow设置为none,就像他们不会如果您只使用非前缀版本,请知道您将box-shadow设置为-4px 0 10px 2px rgba(0, 0, 0, .1)