Migrate to Compat macro (zh-cn)

1 files changed, 1 insertions, 166 deletions

diff --git a/files/zh-cn/web/css/gradient/linear-gradient()/index.html b/files/zh-cn/web/css/gradient/linear-gradient()/index.html
index 4e1083f3cd..670d14976a 100644
--- a/files/zh-cn/web/css/gradient/linear-gradient()/index.html
+++ b/files/zh-cn/web/css/gradient/linear-gradient()/index.html
@@ -269,172 +269,7 @@ where <side-or-corner> = [ left | right ] || [ top | bottom ]
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<table>
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Firefox (Gecko)</th>
-   <th>Chrome</th>
-   <th>Internet Explorer</th>
-   <th>Opera (Presto)</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
-    {{CompatGeckoDesktop("16")}}<sup>[2]</sup></td>
-   <td>10.0 (534.16){{property_prefix("-webkit")}}<sup>[6]</sup></td>
-   <td>10.0<sup>[4]</sup></td>
-   <td>11.10{{property_prefix("-o")}}<sup>[1]</sup></td>
-   <td>5.1{{property_prefix("-webkit")}}<sup>[6]</sup></td>
-  </tr>
-  <tr>
-   <td>On {{cssxref("border-radius")}}</td>
-   <td>{{CompatGeckoDesktop("29")}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>On any other property that accepts {{cssxref("&lt;image&gt;")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Legacy webkit syntax{{non-standard_inline}}</td>
-   <td>{{CompatNo}}</td>
-   <td>3{{property_prefix("-webkit")}}<sup>[3]</sup></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>4.0{{property_prefix("-webkit")}}<sup>[3]</sup></td>
-  </tr>
-  <tr>
-   <td>Legacy 'from' syntax (without <code>to</code>){{non-standard_inline}}</td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[5]</sup></td>
-   <td>10.0 (534.16){{property_prefix("-webkit")}}<sup>[3]</sup></td>
-   <td>10</td>
-   <td>11.10{{property_prefix("-o")}}<sup>[5]</sup></td>
-   <td>5.1{{property_prefix("-webkit")}}<sup>[3]</sup></td>
-  </tr>
-  <tr>
-   <td>Standard syntax (using the <code>to</code> keyword)</td>
-   <td>{{CompatGeckoDesktop("16")}}</td>
-   <td>26.0 (537.27)</td>
-   <td>10</td>
-   <td>12.10</td>
-   <td>6.1</td>
-  </tr>
-  <tr>
-   <td>Interpolation hints (a percent without a color)</td>
-   <td>{{CompatGeckoDesktop("36")}}</td>
-   <td>40</td>
-   <td>{{CompatUnknown}}</td>
-   <td>27</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Unitless 0 for <code>&lt;angle&gt;</code></td>
-   <td>{{CompatGeckoDesktop("46")}}{{property_prefix("-moz")}}<sup>[7]</sup></td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>Edge 12</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-
-<table>
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Firefox (Gecko)</th>
-   <th>Chrome</th>
-   <th>Internet Explorer</th>
-   <th>Opera (Presto)</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td>
-   <td>{{CompatGeckoMobile("1.9.2")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
-    {{CompatGeckoMobile("16")}}[2]</td>
-   <td>16{{property_prefix("-webkit")}}<br>
-    26</td>
-   <td>10</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>On {{cssxref("border-radius")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>On any other property that accepts {{cssxref("&lt;image&gt;")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Legacy webkit syntax{{non-standard_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Legacy 'from' syntax (without <code>to</code>){{non-standard_inline}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Standard syntax (using the <code>to</code> keyword)</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Interpolation hints (a percent without a color)</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-
-<p>[1] Gecko, Opera &amp; Webkit consider {{cssxref("&lt;angle&gt;")}} to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right. This is different from the latest specification where an angle of <code>0deg</code> as a direction indicator points to the top. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>.</p>
-
-<p>[2] Before Gecko 36.0 {{geckoRelease("36.0")}}, Gecko didn't apply gradients on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency.</p>
-
-<p>[3] WebKit since 528 supports the legacy <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html"><code>-webkit-gradient(linear,…)</code> function</a>. As of WebKit 534.16, it also supports the standard gradient syntax. Unlike in Gecko, in legacy WebKit you cannot specify both a position and an angle in <code>-webkit-linear-gradient()</code>. You can achieve the same effect by offsetting the color stops.</p>
-
-<p>[4] Internet Explorer 5.5 through 9.0 supports proprietary <a href="http://msdn.microsoft.com/en-us/library/ms532997(VS.85,loband).aspx"><code>filter: progid:DXImageTransform.Microsoft.Gradient()</code> filter</a>.</p>
-
-<p>[5] Firefox 3.6 and Opera 11.10 implemented, prefixed, an early syntax where the starting corner or side was indicated without the <code>to</code> keyword, and effectively considered as a 'from' position. The <code>to</code> syntax has been added in Firefox 10 and Opera 11.60.</p>
-
-<p>In addition to the unprefixed support using the standard syntax, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the function using the legacy 'from' syntax for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p>
-
-<p>[6] Opera &amp; Webkit consider {{cssxref("&lt;angle&gt;")}} to start to the right, instead of the top. I.e. it considered an angle of <code>0deg</code> as a direction indicator pointing to the right. This is different from the latest specification where an angle of <code>0deg</code> as a direction indicator points to the top. Since Firefox 42, the prefixed version of gradients can be disabled by setting <code>layout.css.prefixes.gradients</code> to <code>false</code>. WebKit since 528 supports the legacy <a href="http://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html"><code>-webkit-gradient(linear,…)</code> function</a>. As of WebKit 534.16, it also supports the standard gradient syntax. Unlike in Gecko, in legacy WebKit you cannot specify both a position and an angle in <code>-webkit-linear-gradient()</code>. You can achieve the same effect by offsetting the color stops.</p>
-
-<p>[7] <code>linear-gradient(0, pink, teal)</code> equivalent to <code>linear-gradient(0deg, pink, teal)</code>,See {{bug("1239153")}}.</p>
+{{Compat("css.types.image.gradient.linear-gradient")}}
 
 <h2 id="了解更多">了解更多</h2>