如何隐藏文本而不隐藏其中的图像

时间:2014-02-16 09:06:10

标签: css

我是所有这些造型事物的新手。我在帖子编辑器中为他的博客输入了一个不用说技术人员的说明,作为他如何上传媒体。我给了以下几行。

HTML

<span class="uploadmedia">Click Upload Media and Add your image</span>

CSS

.uploadmedia { display:none; }

现在,我知道这个课程中的文字和图片都会被隐藏。此人应该点击此行中的任意位置点击上传媒体并添加您的图片&amp;输入图像。但是只有图像才会出现,因为该行只是作为一个指令向他指示如何以及在何处点击上传图像。请帮我纠正这段代码。

1 个答案:

答案 0 :(得分:1)

我建议使用Nicolas Gallagher's image replacement技术。您可以将以下类添加到元素中以隐藏文本:

.ir {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

<强> WORKING FIDDLE