ここから本文です

FC2ブログの共有テンプレートで「crystallization」をダウンロードしてイロイロ...

met********さん

2011/4/2613:32:08

FC2ブログの共有テンプレートで「crystallization」をダウンロードしてイロイロやってみているのですが、
画像をUPすると透過されてしまって画像と背景がかぶってしまいます。

どうにかして画像だけきれいに表示

されるようにしたいのですが・・・。

初心者なので、どなたか判りやすく解決方法を教えてください。
よろしくお願いします。

補足>>ndiyo48さん

何度もそれらしい所に貼り付けてプレビューしてみてもうまくいきませんでした。

background: url(.png); はどこら辺に貼り付ければいいのでしょうか?

閲覧数:
123
回答数:
1

違反報告

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

ndi********さん

編集あり2011/4/2621:15:38

問題はこの下からの五行にあり、
#contents {
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:0px;
border:1px dotted #666;
background-color:#000;
filter:alpha(opacity=60); /*IE5、IE5.5、IE6、IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*IE8?*/
-ms-filter: "aplpha(opacity=0.6)"; /*IE8*/
-moz-opacity: 0.5; /*Firefox*/
opacity: .6; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
}
これは背景を半透明にするばかりでなく、あなたが見たように、写真なども半透明にするという「余計なオマケ」が付く。
それで最近はこの方法が用いられなくなってきている。

どうするかというと、自分で「クロ」 60% 不透明という png 画像を用いる。これを「アルファチャンネル付き png 」というが。
pictbear を持っているなら、カンタンに作れる。
http://ameblo.jp/sniegs/entry-10861016248.html

ホントはもっと単純な指定方法があるのだが、使用者の多い internet explorer 7.0/80. がそれに対応していないために、已むなく「アルファチャンネル付き png 」を背景画像とせざるを得ない。
そうすれば、このように半透明にならなくすることができる。

background: url(「アルファチャンネル付き png 」URL);
―――――――――――――――――――――――――――――――――
#contents {
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:0px;
border:1px dotted #666;
background: url(URL.png);
}

問題はこの下からの五行にあり、
#contents {
width:750px;...

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

2011/5/3 10:08:00

本当にありがとうございました。

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

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

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

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

閉じる

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

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

閉じる