画像を固定して貼りたいとおもい、下記のように記述しました。

質問

画像を固定して貼りたいとおもい、下記のように記述しました。

<STYLE type="text/css">
<!--
body {
background-image : url("pigu1.png");
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:#666666;
}
-->
</STYLE>

これをリンクにすることは可能でしょうか？

また、画像を横にもう一つ増やせるのでしょうか？

教えてください。

宜しくお願いします。

回答No.1

fujillin · ベストアンサー

ご提示の場合、画像を背景として指定していますので、画像部分のみにリンクさせるのは難しいでしょう。
HTMLソース内に通常の <a href ～><img　～></a> の記述を行うことで、画像部分に対するリンクが可能になります。

どうしてもこのままというのを無理やり実現するのなら、javascriptで画面のクリックされた位置を分析し、画像が表示されている範囲だったらリンクみたいなことは不可能ではないと思いますが、まず現実的ではないでしょう。

＞また、画像を横にもう一つ増やせるのでしょうか？
背景の繰り返しは、ご提示の
　background-repeat: no-repeat;
の部分で指定されています。
横方向の繰り返しは repeat-x、縦方向の繰り返しは repeat-y となりますが、1個だけという指定はできません。
どうしても1個だけ繰り返したいのであれば、背景の画像をあらかじめそのような（2個並んだ）ものにしておいて、 no-repeat で表示すれば可能です。

お礼

そうでしたか・・・
ありがとうございます。

別の方法を考えます。