html/cssで画像をテキストに置き換える方法

Question

私は画像でテキストを置きたいのですが、画像に関連するウェブページにもテキストを入れたいと思っています。これは、Webページのテキストによると、検索機にWebページを一番上に表示させたいからです。

ありがとうございます。このよう

Answer 1

私は、あなたが「スライディングを記述していると思いますドア技術。

HTML：

<div class="myImg">This is the text</div> 

CSS：

.myImg { 
    background:url(myImg.gif) 0 0 no-repeat; 
    display:block; 
    height:200px; /* your image height */ 
    text-indent:-99999em; 
    width:200px; /* your image width */ 
    overflow:hidden; 
} 

Answer 2

任意の画像に

ALTタグ

： - あなたのイメージタグで

img src="image.jpg" alt=This is an image" 

...

- サイモン

Answer 3

あなたの質問は、あなたが本当にしたいこと、それを何であるかは不明です。しかしここに私があなたが探していると思うものがあります。

<img src="img/SMS.jpg" width="200" height="150" alt="free SMS services" title="a page about SMS services" /> 

あなたが画像の上にマウスを置くとタイトルが表示されます（また、スクリーンリーダーに役立ちます）とaltがSEOの目的のために、検索によってピックアップされる見ることができるように。次に、あなたのページには、イメージに対応するテキストが表示されます。