use class="hidden" not style="display:none"

1 files changed, 1 insertions, 4 deletions

diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
index b0d477e9e8..dc126e4ad4 100644
--- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -66,7 +66,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth,
 <h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
        width="300" height="227"&gt;
 &lt;/div&gt;
@@ -87,7 +86,6 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
 <h3 id="HTML_2">HTML</h3>
 
 <pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source"
        src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
        width="300" height="227"&gt;
@@ -109,11 +107,10 @@ image.addEventListener('load', e =&gt; {
 
 <h4 id="结果">结果</h4>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
 &lt;/div&gt;
 &lt;div class="playable-buttons"&gt;