"none" 是否需要供应商前缀?
Are vendor prefixes required for "none"?
只是一个关于供应商前缀的快速问题,我一直想知道但找不到答案 - 在使用 "none"、[=18] 转换 off/resetting 样式时是否需要它们=]、“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;
如果你这样设置你的box-shadow...
-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)
。
只是一个关于供应商前缀的快速问题,我一直想知道但找不到答案 - 在使用 "none"、[=18] 转换 off/resetting 样式时是否需要它们=]、“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;
如果你这样设置你的box-shadow...
-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)
。