利用css 和 js 实现遮罩层

最新推荐文章于 2023-05-20 20:12:52 发布

原创最新推荐文章于 2023-05-20 20:12:52 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript积累空间专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现页面局部透明效果的方法，并展示了如何通过具体代码实例进行页面元素的布局与展示。


style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:alpha(opacity=30)"

div的透明层实现

<body bgcolor="#ff0ddd">
<div id="layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:alpha(opacity=30)"> powered by xty_zyn
  <table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#ffffff" bgcolor="#999999">
  <tr>

  <td height="25" bgcolor="#f5f5f5" class="13">你也可以在这里插入图片</td>
  </tr>
  <tr>

  <td height="20" bgcolor="#f5f5f5" class="12">你想注册地图名片吗</td>
  </tr>
  <tr>

  <td height="20" bgcolor="#f5f5f5" class="12">http://mc.mapabc.com</td>
  </tr>
  <tr>

  <td height="20" bgcolor="#f5f5f5" class="12">email:lipeng@mapabc.com</td>
  </tr>
  <tr>

  <td height="20" bgcolor="#f5f5f5" class="12">地址</td>
  </tr>
  <tr>

  <td height="20" bgcolor="#f5f5f5" class="12">邮编</td>
  </tr>
  </table>
  </div>