HTML/CSS：テキストを非表示にして枠線を表示

Question

divを表示するにはどうすればよいですか？

Answer 1

これもIEでサポートされていない、しかし、あなたが使用することができます

#mydiv { color:rgba(0,0,0,0); border:1px solid #000 } 

これは、テキストの色が完全に透明になりますが、目に見える境界線を残します。

Answer 2

テキストをdivの背景と同じ色にすることができます。または、別のdiv内にテキストをネストします。

Answer 3

単純なクロスブラウザソリューションは、Pharkの "テキストインデント"方式です。通常、画像の置換に使用されます。

div.example { 
    border: 2px solid red; 
    /* Hide text inside "off left" */ 
    text-indent: -10000px; 
    /* Make sure to set a width and height */ 
    height: 100px; 
    width: 100px; 
} 

長所：

• IE5では動作しません：
  • は短所がスクリーンリーダーで
  • 作品

  余分な要素を必要としません