画像をガラス面にして、それをテーブルにして・・・

質問

カテがジャバスクリプトとＨＴＭＬが被っているて、
カテがわからなかったんですが、ＨＴＭＬがベースなので、このカテで
質問しますが。
画像をガラス面にするglossyについてですが。
このglossyをテーブルの背景に設定したいと思っていますが、上手く
いきません。
下記にソースを書きました。
略
<script src="glossy.js" type="text/javascript"></script>
<table width="650" border="0" background="*******.jpg" class="glossy">
<tr>
<td>ここに、フリーのサイト内検索を挿入</td>
</tr>
</table>

このような感じにしています。
http://www.yahoogle.jp/このサイトの検索エンジンの所の背景を
つけて、そこの背景をガラス面にしたいと思っています。

回答No.2

leap_day · ベストアンサー

こんにちは

早速使われてるみたいですが残念ながらGlossy.jsはimg専用です

もし使うんであればこんな感じ?

<style type="text/css"><!--
#upcontents,#downcontents {
width:200px;
height:100px;
position:absolute;
left:50px;
top:50px;
}
#upcontents {
padding:10px;
}
--></style>

<script type="text/javascript" src="glossy.js"></script>
<img src="画像パス" class="glossy" id="downcontents">
<div id="upcontents">本文</div>

cssの『z-index』を使用しない時は順番は『画像』→『本文』の順番でないとダメです
z-indexを使えば順不同です(数が多い方が上に来る）
#upcontents {
z-index:2;
}
#downcontents {
z-index:1;
}

お礼

返事おくれました。
このまえ、ＷＥＢ2.0風のプログラムのＵＲＬを教えてくれた人でしたっけ？
あのＵＲＬすごい役に立ってます。ありがとうございました。
今回はサンプルまで作ってくれて、ホントにお世話になっています。

回答No.1

venzou

imgタグ専用みたいですね。
背景画像には対応していないと思います。

１：いったんimgタグで表示する
２：それをキャプチャソフトで保存する
３：それを背景に使う

これが簡単かも。

お礼

imgタグ専用なんですね。
1.2.3のやり方でも試してみます。
早い回答ありがとうございました。

他にアイディアがないかまだ、回答受け付けます。