人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリーのデザインテンプレート
「Query111or」を利用してるのですが、日記本文だけ背景を透明ではなく半透明にしたいのですがどうしたら良いでしょうか。
h1 {
color:#ccc ;
border:solid 1px #f90 ;
border-bottom:solid 1px #f90 ;
}

.day,
.hatena-module {
background:#ffffff;
}
h2,
div.hatena-moduletitle {
margin:6px ;
padding:12px 10px 12px 24px ;
letter-spacing:0.3em ;
color:#999 ;
border:dotted 1px ;
border-color:#fa3 ;
}
style=”filter:Alpha(opacity=数字,enabled=数字)”を埋め込んでも上手くいかないので…。ご教授願います。

●質問者: blue_sky_blues
●カテゴリ:コンピュータ
✍キーワード:Alpha background border CCC COLOR
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● epigonen
●30ポイント

http://www.hajimeteno.ne.jp/stylesheet/filter/index.html

初めてのホームページ講座 - CSS FILTERS

「詳細デザイン設定」の「スタイルシート」のテキストエリアを一番下までスクロールして

最後の部分に次のように追加すればできると思います。

opacity=50の部分の数字が透明度なのでお好みで変えてください。


h1,

.day,

.hatena-module {

width:100%;

filter:alpha(opacity=50);

}


filterは要素の高さや幅などを指定しておかなければ効かないようになっていますので

恐らくそれがうまくいかない原因だったのではないかと思います。

(とりあえず幅の指定width:100%;を加えておきました。必要なら調整をお願いします)


「enabled=数字」はalphaの書式に見当たらないので省かせていただきました。

これは何か他の補足的な目的で加えられていたのでしょうか…?


一応サンプルの日記などでいくつか表示を試してみましたが、

うまくいかないところがあったらすみません。

◎質問者からの返答

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

無事出来ました。


2 ● epigonen
●30ポイント

http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/filter/

filter - CSS Dencitie

重ねてすみません、最初からblue_sky_bluesさんのはてなダイアリーで

表示を確認すればよかったということに今気付きました。

少しうまくいかない部分がありましたので下のものを使ってみてください。


h1,

.day,

.hatena-module{

width:100% !important;

filter:alpha(opacity=80);

}


(先程の回答と合わせてひとつの回答という扱いで構いません。失礼いたしました)

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ