« マタシテモ飲み会。 | メイン | SOHO 仕事部屋からの景色 »

MovableTypeで半透明プルダウンメニュー

WS000015.JPG

先日から、テストしていたMovableTypeプルダウンメニュー
JavaScriptとCSSだけでFlashモドキの事が出来ないかテスト。
プルダウンメニューだけなら面白くないので、チョッと手を加えて半透明プルダウンにしてみました。

テストなので、茶色でベタヌリの上にプルダウンメニューだけど、商品画像やテキスト、ボタンの上でも問題なく半透明プルダウンメニューボタンが動いています。

手持ちの環境で動作チェックしたところ、半透明CSSは
Win環境ではIE5.5~、FireFoxでは問題なし。(IEは5.5以前の環境が無いので未確認)
OS-X環境ではFireFoxでは問題なし、Safariはアウト。

CSSのソースは
filter:alpha(opacity=80);-moz-opacity:0.80;

IE用に filter: 、FireFox用に -moz-opacity: を表記。
半透明の濃度はソースの数字80部分を変更すれば濃度を変更できます。
※-moz-opacity: は80%の場合は0.80、70%の場合は0.70と表記します。
※サンプルソースはIE、FireFox共に半透明80%でしています。50%にすると文字が見難かった・・・。

トラックバック

このエントリーのトラックバックURL:
http://www.cubes.cc/mt/mt-tb.cgi/1028

コメント (3)

taka :

又しても助けてください。
先日、XP HOMEが異常をきたしてしまいました。そこで
前に別のPCにインストールしたソフトを使いました。そしたら、最後のライセンス認証のところでどうしてもできません。インターネットを使用した認証ではログオンしてからではないとつながらないのでできませんでした。電話での認証も次に打ち込むコードすら教えてもらえずじまいでした。
どうしたらよいのでしょうか?
ちなみにこの文章はPSPで頑張って打ちました! 

cubes :

takaさん?もしかしてkawaiさん?

質問についてですが、ご確認したい事があります。

1)XPが再インストールできない。
2)別アプリがインストールできない。

コメントの内容ですと1番かなと思っているのですが「前に別のPCにインストールしたソフトを使いました。」この文章が気になるのですが、
別のPCに付いていたXPを新しいPCへインストールしたという事でしょうか?

問題切り分けのためにも、ご連絡お願いします。
何でしたら、Blogへ書き込みが難しければ直接Mailしてください。

nutts :

なるほど。
半透明にするとカッコイイし、ウザくならなくてイイ感じだね。
(._.) φ メモっとこ。

コメントお願いします。

デザインCUBES

私のお仕事サイトです。

WEBコンテンツ制作・デザイン・印刷・映像加工
お問い合わせは全国から承っております。

プロフィール

Blogネーム:キューブス[CUBES]
職業:
デザイナー(SOHO)
性別:
オトコ
2006年から独立。
MacからWin、 そしてLinux使い。ちょっと変なデザイナーです。
DTPとWEBをメインに頑張っています。

ブログ内を検索

にほんブログ村 ネットブログへ

ビジネスブログランキング

チーム・マイナス-6%

Powered by

Movable Type 3.3

mac os-x server