0

フッターとして使用する予定の2000*300pxの画像があります。中央には4つのセクションがあり、それぞれがクリック可能である必要があります。これらはリンクである必要があります。現在、画像マップを使用しています。

サイトの下部にフッターがあります。幅は100％、高さは300pxです。私がする必要があるのは、オーバーフローを隠して、画像をdivの中央に配置することです。クリック可能のままにする必要があります。そのため、画像のサイズを変更することはできません。

それで！

  • オーバーフローを非表示にして、要素をフッターdiv内の中央に配置するにはどうすればよいですか？
  • または、フッター画像のサイズを動的に変更しながらクリック可能にするにはどうすればよいですか？
  • または、同じ効果を実装するにはどうすればよいですか？フッターとしてクリック可能なセクションを持つ連続して表示される画像ですか？
4

2 に答える 2

2

画像の側面を切り取っても問題がない場合は、CSSで画像の位置を中央に設定することで画像を中央に配置できます。

.footer {background: transparent url(path/to/image) no-repeat bottom center;}

他のクリック可能な要素を取得するには、フッターdivに新しいdivまたは段落またはリンクをネストするだけです。

こんな感じになります。

<div class="footer">
    <a>Clickable Content</a>
    <a>Clickable Content</a>
    <a>Clickable Content</a>
    <a>Clickable Content</a>
</div>

次に、それぞれの高さと幅を設定できます。次に、リンクを設定します。または、divを使用して、その中にリンクを設定します。

.footer a {height: 300px; width: 25%;}
于 2012-08-25T05:23:53.390 に答える
1

あなたはこれを試すことができます：

CSSコード

    .footer {background: transparent url(path/to/image) no-repeat bottom center;}

HTMLコード

    <div class="footer">
        <a>Clickable Content</a>
        <a>Clickable Content</a>
        <a>Clickable Content</a>
        <a>Clickable Content</a>
    </div>

これも使用できます：

    .footer a {height: 300px; width: 25%;}
于 2012-08-25T05:56:52.937 に答える