背景画像にクリッカブルマップでリンクを飛ばす方法

質問

背景画像にクリッカブルマップを使用してリンクを設定したいと思っているのですが
上手く設定できません。
どなたかご教示頂けないでしょうか。そもそも出来ないものでしょうか？

■CSSで書いているのは

.bodytitle {
background-image: url('http://**************/title.jpg' width="750" height="269" border="0" usemap="#maintop");
}

■HTMLのbodyの中に書いているのは

<map name="maintop">
<area shape="rect" coords="12,10,280,80" href="http://******/" target="_blank">
<area shape="rect" coords="510,8,740,71" href="http://******/" target="_blank">
</map>

お手間おかけしますがどうぞよろしくお願い致します。

回答No.1

t_ohta · ベストアンサー

mapの適用先はimgタグですので、背景に対して指定することはできないと思います。（usemap属性はimgタグの属性です）
また、cssで使うurl関数の引数はURLだけですので、width等々を指定されていますが無効なパラメータとして無視されています。

お礼

なるほど、、。よく分かりました。
ご丁寧に教えて頂きありがとうございました。