0

我想将图像与文本链接起来,因此当我调整窗口大小时,文本将随图像一起移动。这是一个示例google.de。如您所见,在调整窗口大小时,谷歌徽标下的文本会随着图像一起移动。

这是我尝试过的。

HTML

<div class="logo"><img src="here is my logo" width="350"></div>
<div class="textlogo">Here is the text</div>

CSS

.logo
{
    text-align:center;
}
.logo img
{
    position:relative;
}
.textlogo 
{
    position:absolute;
    top:25%;
    left:64%;
}
4

2 回答 2

2

希望这将帮助您理解方式(没有火箭科学)

http://jsfiddle.net/MVYGd/1/

于 2012-10-06T17:43:36.677 回答
1

这就是谷歌实际上所做的

<div title="Google" align="left" id="hplogo" style="background:url(images/srpr/logo3w.png) no-repeat;background-size:275px 95px;height:95px;width:275px">
<div nowrap="nowrap" style="font-size:16px;position:relative;left:214px;top:70px">Deutschland</div>
</div>

你可以用同样的方法

于 2012-10-06T17:42:54.690 回答