プロが教えるわが家の防犯対策術!

全画面に画像を貼り付け、任意の点をマウスでクリックすることで、別の画面に飛ぶようにしたいです。 どのように組めばよりしいでしょうか?

画像を全画面に貼り付けるのは、下記でよいのですが、そこにa要素を組み込むところがわかりません。
宜しくお願い致します。

_<!doctype html>
_<html>
__<head>
___<meta charset="utf-8">
___<title>xxxxx</title>
___<meta name="keywords" content="xxxx">
___<meta name="description" content="xxxx">

___<style>
____body{
_____background-image : url("images/img1.JPG");
_____background-repeat :no-repeat;
_____background-position :left top ;
_____background-attachment : fixed;
_____background-size:cover;
____}
___</style>
__</head>

__<body>

__</body>
_</html>

A 回答 (2件)

「イメージマップ」と言う方法で、画像の任意の場所にリンクを貼る事ができます。


画像に対し、リンク場所は座標で位置指定をします。
詳しくは「HTML イメージマップ」で、検索してみてください。
    • good
    • 0

それは無理。



背景画像はcssのbackgroundでの記述。
aタグはhtmlでの記述。

合い入れないでしょう?
background記述をaタグのアンカーに使え無いでしょう?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!