Question

我无法解释我的问题，但是这里...... 我已经创建了一个z-index图层效果，并希望在下面显示一些单词。这听起来很简单，但我的文字却位于“Z-Index图层”之下。

如何正确地将文本标记为“继承”或坐在Z-Index下。

感谢您的帮助。

请输入以下代码：

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>2013 Christmas Ecard</title>



 </head>

<body onload="init();" style="background-color:#D4D4D4"><p>

<font face="Arial">From all of us at Canadian Western Trust.<br><br>

<canvas id="canvas" width="711" height="661" style="z-index: 3; position: absolute; background-color:#ffffff"></canvas>


  <!--[if IE]><param name="movie" value="______.SWF"><![endif]-->
  <!-- fallback to Flash: -->

    <object id="top" style="z-index: 2; position: absolute" width="711" height="661" type="application/x-shockwave-flash" value="_____">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
        <param name="movie" value="________.SWF" />
    </object> 



    <img id="under" style="z-index: 1; position: absolute" src="______"> 


<font face="Arial">
    Please view in HTML.<br><br>
   We wishes everyone a wonderful holiday season and a happy new year!<br><br>

    Please click <a href="____" target="_blank" title=" Christmas animation card">here</a> to open the e-card in your web browser.
    <br><img src="{Campaign_Opened Email_Tracking_URL?}">
</font>

    <br>


</body>
</html>

Answer 1

似乎有一些漂浮的标签。哇！！这给了我一个头痛。一切都好，现在有效！

<body onload="init();" style="background-color:#D4D4D4"><p>


<font face="Arial">From all of us .</font><br><br>




            <canvas id="canvas" width="711" height="661" style="z-index: 3; position: absolute; background-color:#ffffff"></canvas>


          <!--[if IE]><param name="movie" value="...."><![endif]-->
          <!-- fallback to Flash: -->

        <object id="top" style="z-index: 2; position: absolute" width="711" height="661" type="application/x-shockwave-flash" value="https://...">
                <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
                <param name="movie" value="https://...." />
        </object> 



        <img style="z-index: 1; position: absolute" src="https://...."> 
 <font style="position: absolute; top: 725px;" face="Arial">
    Please view in HTML.<br><br>
    We wishes everyone a wonderful holiday season and a happy new year!<br><br>

    The greatest gift is our children.....<br><br>

      Please click <a href="https:"" target="_blank" title="Christmas animation card">here</a> to open the e-card in your web browser.
    <br><br><img src="{Campaign_Opened Email_Tracking_URL?}">
    </font>
<br>


</body>

文字不想坐在z-Index下面

1 个答案: