ここから本文です

CSSで、opacityの設定が有効になりません。

aru********さん

2014/6/1519:49:34

CSSで、opacityの設定が有効になりません。

現在、HTMLの勉強中です。
画像を半透明の状態にしたいのですが、
CSS側でopacityの値を設定しても、反映されません。
ホームページビルダー14、IE11を使用しております。
半日ほど奮闘しておりましたが解決できなかった為、
知識のある方からの助言をいただきたいです。
よろしくお願いいたします。
説明不足の点が御座いましたら、ご指摘ください。

以下、ソースです。
------index.html-------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<img id="display" src="main.jpg" alt="" />
</body>
</html>

------style.css-------
@charset "shift_jis";
#display {
position : absolute;
left : 0px;
top : 0px;
height : 350;
width: 950;
filter: alpha(opacity=50);
}

閲覧数:
3,744
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

ven********さん

2014/6/1520:21:10

こんばんわ♪

IE11では、
要素の不透明度の指定は、
filter ではなく opacity(0~1 の少数値)で行います。
ブラウザによって有効な設定が
filter だったり opacity だったりするので、
両方同時に指定しておくのがオススメです♪

┌────────
| @charset "shift_jis";
| #display {
| ~
| filter: alpha(opacity=50);
| opacity: 0.5;
| }
└────────

質問した人からのコメント

2014/6/15 20:36:39

素早いご回答、非常に助かりました。
ありがとうございました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる