如何使用CSS隐藏文本？

Question

如何foo在保持bar和fizz可见的同时使用CSS(CSS3,如果需要)隐身？

<table>
  <tr>
    <td>
      <textarea>bar</textarea>
      <input type='button' title='fizz' />
      foo
    </td>
  </tr>
</tbody>

制作foo与背景相同的颜色是可以接受的,但诀窍是 - 背景是图像,因此 - foo必须是透明的而不是纯色.

JavaScript也不是一种选择.

更改HTML也不是一种选择.

有任何想法吗？

Answer 1

这在IE8中工作得很好和Firefox(IE7离开的话小点,我想如果你设置font-color的东西,与背景图像融合,它可能会做很好.请注意,这并不影响的text-area或input在任何文本他们.

td {font-size: 0;}

添加编辑

哇,我的意思是,真的!这适用于IE7-8,Firefox和Safari

td {visibility: hidden}
td textarea,
td input {visibility: visible;}

作为旁注,我用包裹div而不是表格的元素测试了这个,我甚至做了diva div和内部div节目,而其他内容被隐藏.

显然,visibility属性作用于元素,并且(不像opacity)通过继承传播给子元素,因此如果一个显式设置子元素,visibility它不再继承,hidden但使用自己的设置visible和包装hidden器不是这样的事实物.