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

| コメント(5)

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%にすると文字が見難かった・・・。

コメント(5)

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

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

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

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

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

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

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

はじめまして。
検索して、辿り着きました~。
半透明のプルダウンメニュー、綺麗ですね。
こちらのソースは、公開されているのでしょうか?
是非、試してみたいです~。

Naoさん はじめまして。
遊びに来ていただいてありがとうございます。

さてソースなのですが、残念ながら残ってないんです。
提案で作っていたのですが、却下されてしまって・・・・。とほほ。

最近ではAjaxで同じようなプルダウンが有ったような?
これからは、Ajaxを利用する方は利便性が高いと思いますよ。そんな理由でソースを残さなかったのです〜。

これからも時間ができれば、インターフェイスのテストをしたいと考えているので、
たまに覗き見に来てくださいね。

コメントする

ウェブページ

Powered by Movable Type 5.04

このブログ記事について

このページは、WebクリエイターCUBESが2006年9月18日 06:45に書いたブログ記事です。

ひとつ前のブログ記事は「マタシテモ飲み会。」です。

次のブログ記事は「SOHO 仕事部屋からの景色」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。