オンマウスで表示される画像と説明文を透過させない表示方法

Test


0   名前: nash : 2006/07/15(土) 10:21  ID:ugTbgnV1
オンマウスで表示される画像と説明文を透過させない表示方法を調べています。

<DIV style="display:none;position:absolute;filter:Alpha(opacity=70);" ID="set">の70を100にしても透過してしまいます。
これ以外の方法を試していません。

表示されるBGCOLORは白を考えています。
ご協力お願いします。

今作っているのは、このような内容です。
<DIV style="display:none;position:absolute;filter:Alpha(opacity=70);" ID="set">
<TABLE width=460 border="1" BORDERCOLOR="#C0C0C0" bgcolor="#C0C0C0" cellspacing="1" cellpadding="10">
<TR><TD BGCOLOR="#ffffff"><SPAN ID="te"></SPAN></TD></TR>
</TABLE>
</DIV>
<DIV style="width : 192px;height : 16px;top : 14px;left : 8px;
position : absolute;
z-index : 1;
" id="Layer1"><SCRIPT language="JavaScript">
<!--
function up(text){
document.getElementById('te').innerHTML=text;
set.style.posLeft =document.body.scrollLeft+window.event.clientX+10;
set.style.posTop =document.body.scrollTop+window.event.clientY+10;
document.all('set').style.display="block";}
function kes(){document.all('set').style.display="none";}
//-->
</SCRIPT><table width=500 border="0"><tbody><TR>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
</TR> <TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD><A href="http://www.muse.dti.ne.jp/~iba-gold/a001/" onmouseover="up('<img src=http://www.muse.dti.ne.jp/~iba-gold/a001.jpg width=90> 商品名<P> <br> <br> <p> ')" ; onmouseout="kes()"> </A></TD>
</TR></tbody></table>

1   名前: 通りすがり : 2006/07/15(土) 10:21  ID:yGMfbzts
なぜ透過させたくないのにfilterを使うのですか?

2   名前: nash : 2006/07/15(土) 10:21  [URL]  ID:C3NLo/6H
通りすがりさま
書き込みありがとうございます。

JAVASCRIPT初心者でコピペで作っていました。
Filterを消したのですが、透過して表示されています。

他のサイトでも「オンマウス 画像 説明文 透過」や
透過しないで検索してみましたが、探し出せませんでした。

問題のHPをURLに用意しました。

具体的にどこの文書をどのように書き換えたら良いかご教授願いします。

3   名前: 通りすがり : 2006/07/15(土) 10:21  ID:yGMfbzts
ああ、透過してるというか、いや透過してるんですが、リンクのほうのtableが透過されてるんです。
だから、その「下」に表示される説明文用のtableが透けて見えている。

<DIV style="display:none;position:absolute;" id="set">
に z-index : 2 も付け加えれば、上に来ると思いますが。

4   名前: nash : 2006/07/15(土) 10:21  [URL]  ID:NsFrY3Br
z-index : -1を加えてみてできました。

ご教授ありがとうございました。

一覧へ戻る