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

标签 css

我对所有这些样式设置都不熟悉。我在帖子编辑器中为他的博客输入了一份说明,说明他如何上传媒体。我给出了以下几行。

HTML

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

CSS

.uploadmedia { display:none; }

现在,我知道通过这个类,其中的文本和图像都将被隐藏。该人应该点击此行中的任意位置点击上传媒体并添加您的图片并输入图片。但是只有图像应该显示出来,因为该行只是向他指示他应该如何以及在何处单击以上传图像。请帮我更正此代码。

最佳答案

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

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

WORKING FIDDLE

关于css - 如何隐藏文本而不是其中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21809256/

相关文章:

html - 在 HTML5 或 svg 文件或 css 中缩放 SVG

javascript - 在网格中第二行 div 的顶部添加空间

javascript - jQuery slideDown() 没有动画(jquery-rails 3.0.4;jqu​​ery-ui-rails (4.0.5)

html - 我怎样才能在我的代码中实现这个形状?

html - CSS 在 div 中定位 div

javascript - Bootstrap 3 (CSS) 的几个小问题

css - 将样式应用于 GWT 小部件

javascript - highcharts 重绘和回流不起作用

css - 如何在 Gxt 3.0 中更改 TextButton 样式

html - 更改相对 div 中绝对按钮的顺序