这样的效果怎么实现？

先在一张大图片上覆盖一个阴影层，再在阴影上面划分多个小格，显示小图片，有几张就显示几张，没有的还是阴影谢谢！！

解决方案 »

  1.   

    可以将大图片作为table的背景，然后再td中加图片。应该可以实现你要的效果
      

  2.   

    把图加一下，就看到效果了~table的背景是大图，每个格子可以自行填充小图<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style type="text/css" >
        td{
             filter:Alpha(opacity=50);
             background-color:Yellow;
             width: 309px;
        }
          
      </style>
     </HEAD> <BODY>
      <TABLE style="background-image: url('1.jpg'); height: 769px; width: 942px; ">
      <TR>
    <TD><img alt="" src="111.jpg"/></TD>
    <TD></TD>
    <TD></TD>
      </TR>
      <TR>
    <TD><img alt="" src="111.jpg"/></TD>
    <TD></TD>
    <TD></TD>
      </TR>
      <TR>
    <TD></TD>
    <TD><img alt="" src="111.jpg"/></TD>
    <TD></TD>
      </TR>
      </TABLE>
     </BODY>
    </HTML>