css中图片上添加的文字隐藏

<div class="main">

    文字

</div>

方法一：设置文字的display:none;

方法二：设置

              .main{

                  height:0;

                  padding-top:图片高度；(也可以用padding-bottom:图片高度)；

                  overflow：hidden；

                  background:url();

              }

方法三：利用text-indent实现

           .main{

                  height:图片高度;

                  overflow：hidden；

                  background:url();

                  text-indent:-9999px;

              }