1

大陸の画像を切り取り、png ファイルとして保存しました。私の目標は、それらをhtml、css、ブートストラップなどと一緒にきちんと整理することです。

大陸ごとに異なるリンクを作成できるように、画像を切り取りました。

今のところ、bootstrap.css を使用してそれらをまとめていますが、きちんとまとめるための html と css を理解できません。

<div class="row-fluid" >
    <div class="span12" style="float: none; margin: 0 auto; width: 600px; height: 150px; text-align:center">

            <img src="images/NorthAmerica.png" style= "width: 300px; float: left;" />


            <img src="images/Europe.png" style="width: 300px; " />


            <img src="images/Asia.png" style=" width: 300px; " />


            <img src="images/SouthAmerica.png" style=" width: 300px; float: left; " />


            <img src="images/Africa.png" style=" width: 300px; " />
        </div>
    </div>

z-index と position: absolute; の使用について聞いたことがあります。しかし、私はそれらをきれいにまとめることができません。コードまたは私が望むものを生成する表に画像を整理するためのツールが必要です。(ちなみに、このマップには 5 つのリンクしかないため、svg は使用したくありません)

提案していただきありがとうございます。

4

1 に答える 1

3

画像もカットせずにできます。この手法はイメージ マッピングと呼ばれます。唯一の問題は、さまざまな大陸の座標を知る必要があることですが、実際に行っていることよりもはるかに簡単です。

イメージ マッピングのプロセスを容易にする
イメージ マッピング ツールのリファレンスを次に示します。

于 2013-07-27T08:13:20.170 に答える