私が作成している Web ページには、背景画像を持つ div があります。頻繁に変更する画像の上にテキストを重ねます。そのため、テキストを含む img タグの代わりに、背景画像と実際のテキストを使用しています。
背景画像にはクリック可能な領域が含まれているため、画像マップが必要です。
これを行う最善の方法は、透明な画像を持つ別のオーバーレイ div を用意し、背景領域のクリック可能な領域に対応する透明な画像の画像マップを用意することだと思います。
私は正しい軌道に乗っていますか、それとももっと良い方法がありますか?
イメージ マップ内のリンクに「長方形」の形状のみが必要な場合は、代わりに css で定義されたリンク位置を使用できます。これは、位置を指定し、背景色を透明に設定することによって実現されます。以下に例を示します: http://www.position-relative.com/tutorials/tute1_css_bg_image.php
IE6 は透明度をサポートしていないため、IE6 png 修正ハックを使用することをお勧めします。
あなたが試みるかもしれない何かは、背景のdivを「float」IEに配置することです
div.background {
float:left;
}
その上に「フロート」があるため、背景のサイズは、その後に続くdivを横に押し出しません...
次に、すべてのテキストを含む 2 番目の div を作成し、次のようなものを使用できます。
div.textarea{
position:realtive;
left:50px;
}
divの背景の上にテキスト領域（頻繁に編集することになる）を配置するには