2

したがって、クリック可能にするには、ヘッダーの2つの小さな部分が必要です。問題は、画像がdivの背景としてcssに設定されているため、マップタグを使用できないことです。そして、それを変更することは許可されていません（代わりにimg srcを使用するため）。画像の後ろに2つのdivの絶対位置を使用せずに、どうすればそれを行うことができますか。

css：

#bg_top { /*the design for the header*/
    background:url(../images/header_bg_new.png) center top  no-repeat;
    min-height: 100%; /*stick footer to bottom of the page*/
    text-align:left;
    width:100%;
4

1 に答える 1

3

彼らはこの問題を解決するためのトリックです...

div＃bg_topに、1x1のサイズの透明なgif画像を追加し、その幅と高さをimgタグで割り当てます...

<div id="bg_top"><img src="spacer.gif" width="100%" height="100%" /></div>

次に、マップタグを追加します...これは、使用できる簡単なトリックです...

jqueryを介してimgタグを適用することもできます。

$("#bg_top").html("<img src='spacer.gif' width='100%' height='100%' />");

このリンクから画像をダウンロードしてください：-Spacer.gif

于 2012-07-16T07:48:06.957 に答える