img叠加一个小图标，css能做到吗？

我想让一个页面所有的<img>图片左下角都加上一个小图标，请问css能做到吗，不胜感激！

解决方案 »

  1.   

    可以啊，弄个外包围div，然后内部两个img,小的那个做浮动，左上角会比较简单，左下角要试验下
      

  2.   


    <html>
      <head>
    <style>
    #img {
    -moz-opacity:.75;
    filter:alpha(opacity=75);
    opacity:.75;
    }
    #block {
    background:url("mask.png") no-repeat;
    background-position:left bottom;
    }
    </style>
    </head>
    <body>
    <div id="block" alt="水印掩码层">
    <img src="images.png" id="img" alt="图片"/>
    </div>
    </body>
    </html>
      

  3.   

    用一个小的div套在大的div里面，然后把小的div高度设得比较高就可以了