Question

我想用图片替换文字，但我也希望网页上有与图像相关的文字。这是因为我希望搜索机器根据网页中的文字在顶部列出网页。

非常感谢。

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。然后在您的页面上，您将拥有与图像对应的文本。

如何用html / css中的图像替换文本

3 个答案: