0

画像とテキストをリンクさせたいので、ウィンドウのサイズを変更すると、テキストが画像とともに移動します。以下はgoogle.deの例です。ご覧のとおり、ウィンドウのサイズを変更すると、Google ロゴの下のテキストが画像とともに移動します。

ここで私が試したこと。

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 に答える