1 回答

view

全般

FC2ブログテンプレートの半透明化についてです。最近テンプレートを...

FC2ブログテンプレートの半透明化についてです。最近テンプレートを変えました。http://ayayura.blog63.fc2.com/
それで、Internet explorerではうまく表示されるのですが、Google Chromeで動作確認す
ると、半透明部分が左にずれてしまって、右側は半透明になりません。
Google Chromeで見てくださってる方もいるので、できればＩＥと同じように見れれば嬉しいのですが、ｃｓｓをどのように変えればいいのでしょうか？？よろしくお願いします。
画像はGoogle Chromeで見た感じです。

HTML

</head>
<body><table style="filter:Alpha(opacity=70)"><tr><td>

<a name="#pagetop"></a>

<div id="container">

<div id="branding">
<table><tr><td><br><br> <b><a href="<%url>"><font size="5"><%blog_name></font></a></b><br> <%introduction><br><br></td></tr></table>
</div>
<br>
<div id="secondary-column">

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

ＣＳＳ

body {
text-align : center; /* バグを利用してブロックレベル要素をセンタリング */
}
div#container {
width : 740px; /* コンテンツ幅を740pxに設定 */
margin-left : auto; /* 左側のマージンを自動算出 */
margin-right : auto; /* 右側のマージンを自動算出 */
text-align : left; /* body要素で指定したセンタリングを戻す */
}
div#primary-column {
float : right; /* プライマリーカラム（記事等）を左側に回り込ませる */
width : 900px; /* 幅を500pxに設定 */
}
div#secondary-column {
float : left; /* セカンダリーカラム（メニュー等）を右側に回り込ませる */
width : 200px; /* 幅を200pxに設定 */
}
div#siteinfo-legal {
clear : both; /* 全ての回り込みの解除 */
}

body{
margin:20px 40px;
padding:0px;
color:ccc;
font-size:11px;
font-family:Tahoma,ＭＳＰゴシック;
line-height:20px;

background-color:#000000;
filter:alpha(opacity=100);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity:0.85;
background-image:url("http://blog-imgs-42.fc2.com/a/y/a/ayayura/TOP_20111126012902.jpg");
background-attachment:fixed;
background-position:0% 0%;
background-repeat:no-repeat;
}
table{
color:#fff;
font-size:13px;←記事の文字サイズ
font-family:Tahoma,ＭＳＰゴシック;
line-height:20px;
background-color:#000;
}
form{
margin:0px;

4616日前

コメントする

質問者が選んだベストソリューション

filter:〜はInternet Explorerだけの拡張機能です。
その他のブラウザではopacityを使います。

<table style="filter:Alpha(opacity=70)">
を
<table style="opacity:0.7;filter:Alpha(opacity=70)">
に変更して下さい。

opacity:0; (完全に透明)
opacty:0.5; (半透明)
opacity:1; (透明でないデフォルト)

のように数値を設定します。

ただ、背景を透明にするのではなく、table内の画像も文字も半透明になるので注意して下さい。
背景だけ半透明にするのであれば半透明の画像を作って、アップロードしてbackground-image:url(画像のパス);などを使って背景を付けます。

参考：
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック
http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html

Yahoo!知恵袋 4613日前

コメントする

参考になったと評価
　　このQ&Aは参考になりましたか？

その他の解決方法を知っていますか？

回答する

全般

Views

使用しているプリンタがＵＳＢで接続が出来なくなってしまいました。使...

質問者が納得エプソンＨＰに同様の質問への対処法が載っています。 http://faq.epson.jp/faq/00/app/servlet/relatedqa?QID=002175 ＣＡＮＯＮの場合１万はかかるとのことだったのでorz、買い換えました。

3768日前view71

全般

Views

印刷したいもの全般が、印刷できません。印刷しようとすると、One...

質問者が納得再起動してから、印刷してもできませんか。できない場合、プリンタードライバーのインストールを開始する前に、プリンターの電源を入れてパソコンと接続しませんでしたか。その場合は、プリンターの電源を切った状態で、プリンタードライバーをアンインストールして、パソコンを再起動する。スタート - デバイスとプリンターに「PX-A740」のアイコンが残っている場合は、削除する。 Epson のホームページから、プリンタドライバーをダウンロードし、インストールを開始する。画面で指示が出たら、プリンターの電...

3935日前view66

全般

Views

年賀状の印刷ができなくて困っています。あっという間に年賀状というソフ...

質問者が納得原因はプリンターのドライバーがPCのOSやbit数に対応していないからのトラブルです。下記サイトからOSやbit数に対応したのを入手し、現在のドライバーを更新して下し。 http://www.epson.jp/dl_soft/list/1975.htm 補足への回答プリンターの型式は記載がありましたので、対応できるサイトを紹介出来ました。しかしPCがwindows XPであるのかwin7などであるのかが不明でこれがOSです。そのOSには32bit版と64bit版がありますので、bit数も合わせて入手し...

4209日前view54

全般

Views

EPSONのPX-A740で年賀状を印刷していてプリンターで用紙サイ...

質問者が納得補足みました－ドライバーをインストールしなおされたほうがよいです－－－－－－－－－－－ドライバー印刷時に選択プリンタ間違えているかと思います

4222日前view86

全般

Views

プリンター故障？どうすれば？ 4年前に購入したエプソンのプリンター（...

質問者が納得エプソンHPより「ヘッドクリーニング後、再度ノズルチェックパターン印刷を行っても目詰まりが解消されない場合、交互に4回*繰り返し行ってください。 ※ クリーニング効果を発揮するため、ノズルチェックとヘッドクリーニングは必ず交互に行ってください。 4回*繰り返しても目詰まりが解消されない場合は、プリンターの電源を「オフ」にして6時間放置した後、再度印刷を行ってください。時間をおくことにより目詰まりしているインクが溶解して、正常に印刷できる場合があります。 FAX対応プリンターは、電源を入れた状態で6時...

4335日前view53

取扱説明書・マニュアル

マルチフォトカラリオ PX-A740 取扱説明書・マニュアル (全2ページ)

1322view

http://dl.epson.jp/.../4110533_00.PDF

2 ページ0.73 MB

よく見られているQ&A

FC2ブログテンプレートの半透明化についてです。最近テンプレートを...

参考になったと評価
　　このQ&Aは参考になりましたか？

取扱説明書・マニュアル

関連製品のQ&A

よく見られているQ&A

FC2ブログテンプレートの半透明化についてです。 最近テンプレートを...

参考になったと評価 このQ&Aは参考になりましたか？

取扱説明書・マニュアル

関連製品のQ&A

FC2ブログテンプレートの半透明化についてです。最近テンプレートを...

参考になったと評価
　　このQ&Aは参考になりましたか？