こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IEだと背景透明テーブル内の文字が見れない

dreamweaverMXを使ってHPを制作しました。
firefoxだと表示されるのですが、IEだと透明なテーブル内の文字が表示されません。以下、ソースです。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/css">
<meta name="keywords" content="○○">
<title>○○</title>
<style type="text/css">
<!--
body {
background: url(../sozai/haikei_info_05.gif) fixed;
}
p {
line-height: 150%;
}
</style>
<link href="../scrollber.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="50" topmargin="50">

<table width="400" border="0" cellpadding="10" cellspacing="0" style="filter:alpha(style=0,opacity=0)">
<td height="441" nowrap><p align="left"><font size="-1">文章文章文章</font></p></td>
</table>
</body>
</html>

外部CSSでスクロールバーも変えているのですが、こちらはIEは表示されてもfirefoxではデフォルトになってしまいます。

よろしくお願いいたします。

投稿日時 - 2009-06-04 18:49:07

QNo.5016782

すぐに回答ほしいです

質問者が選んだベストアンサー

こんにちは、ちょっと勘違いしてますね

まずfilter:alphaはIE独自拡張ですのでIEにしか効果がありません。
firefoxとoperaにも追加するには
-moz-opacity:0.00; /* Mozilla(たぶん廃止になった) */
opacity:0.00; /* Opera */
(dreamweaverからボタンひとつで入力できるプロパティじゃないと思うのでどこからから探してきたんだと思いますが、そこに書いてなかったですか?)

そしてopacity=0になってるのでIEだけtableが表示されなくなります。
tableの中身もtableの一部なので表示されなくなります。

次に、スクロールバーですが
scrollbar-base-colorなどもIE独自拡張なのでIEにしか効果がありません

投稿日時 - 2009-06-04 20:08:55

お礼

なかなか難しいですね、勉強になりました。
ありがとうございました。

投稿日時 - 2009-06-05 15:52:30

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問