Migrate to Compat macro (zh-cn)

1 files changed, 1 insertions, 93 deletions

diff --git a/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html b/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html
index 8ca073bbd8..f3ac84767e 100644
--- a/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html
+++ b/files/zh-cn/web/css/gradient/repeating-radial-gradient()/index.html
@@ -171,99 +171,7 @@ where <extent-keyword> = closest-corner | closest-side | farthest-corner |
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td>
-   <td>10 {{property_prefix("-webkit")}}</td>
-   <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<br>
-    {{CompatGeckoDesktop("16")}}<sup>[1]</sup></td>
-   <td>10</td>
-   <td>12 {{property_prefix("-o")}}<br>
-    12.5</td>
-   <td>5.1 {{property_prefix("-webkit")}}</td>
-  </tr>
-  <tr>
-   <td>On {{cssxref("border-image")}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatGeckoDesktop("29")}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>On any other property that accept {{cssxref("&lt;image&gt;")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>Interpolation hints (a percent without a color)</td>
-   <td>40</td>
-   <td>{{CompatGeckoDesktop("36")}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support (on {{cssxref("background")}} and {{cssxref("background-image")}})</td>
-   <td>4.4</td>
-   <td>{{CompatGeckoMobile("46")}}</td>
-   <td>10</td>
-   <td>12.1</td>
-   <td>7.1</td>
-  </tr>
-  <tr>
-   <td>On {{cssxref("border-image")}}</td>
-   <td>{{CompatGeckoMobile("29")}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
-  <tr>
-   <td>On any other property that accept {{cssxref("&lt;image&gt;")}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Before Firefox 36, Gecko didn't apply gradient on the pre-multiplied color space, leading to shade of grey unexpectedly appearing when used with transparency. 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>In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the function 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>
+{{Compat("css.types.image.gradient.repeating-radial-gradient")}}
 
 <h2 id="参阅：">参阅：</h2>