CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！
こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ opacityを使った透過 #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacity=40); /* IE */ -moz-opacity:0.4; /* Firefox(old) */ -khtml-opacity: 0.4; /* Safari(old) */ opacity: 0.4; } Opacity test! opacityは子要素まで全て透過する。 RGBaを使った透過 #testRgba { background: rgba(0, 0, 0, 0.4); /* RGBを10進数(0〜255)で指定、不透明度を0〜1.0で指定 */
[IE7|IE8] jQueryのfadeIn/fadeOutした時にpng画像が変になる時のTips - Web 業界の技術屋 | VIVID Labs.
悪名高き IE6 がついに Yahoo さんからも干されてデベロッパー歓喜！となってから、それなりに時間が過ぎましたね。 あなたの会社では IE6 のサポート状況は如何なものでしょう？当社では Yahoo さんもこうしていますよ、せめて IE7 にしましょ？ね？ね？と言う地道な活動を続けて、それなりに効果が出ています。 実際 IE6 をサポートしなければ CSS がシンプルに書けたり、png のアルファチャンネルをプラグイン無しで描画出来…で、き… 出来てないじゃん！ と言う訳で今回は IE7 と IE8 で再現を確認したアルファチャンネルの描画バグをフィックスします、症状は下記のような感じ。 普通に img 要素で描画する分には問題無い 既に描画されている要素の opacity を弄るとアルファチャンネル部分が黒くなる 普通にサイトを作っていて、png ファイルの要素の opacity
アルファチャンネルマスク :: ASOK?
07 « 12345678910111213141516171819202122232425262728293031 » 09
Flashの上に(X)HTMLを重ねる - 448.jp blog
「Flashの上に(X)HTMLを重ねたいんですけどー」という声がどこからか聞こえてきたので、ふとやってみました。 サンプルを開く（別ウィンドウ） 背景のFlashは、5枚の画像をランダムにフェードイン/アウトさせるだけのもの。上に重ねている(X)HTMLは、ただのol要素です。 ポイントは2つ。 Flashと重ねたい要素を、CSSのz-indexで重ねる。Flashのwmodeをopaqueかtransparentにする。wmodeがデフォルト値（normal）だと、Flashのz-indexが無視されて最前面をキープしてしまうので注意です。 匿名希望のコメントはこちらへ Anonymous 2008年6月17日 12:58 Ubuntu8.04のFirefox3だと表示できないようです。 （Flashだけ表示されます。） WinXP Firefox3は大丈夫。 参考までに。 オッキー
Adobe ActionScript 3.0 * 表示オブジェクトのマスク
表示オブジェクトをマスクとして使用することにより、空洞を作成し、この空洞から別の表示オブジェクトのコンテンツを表示することができます。 マスクの定義別の表示オブジェクトのマスクとなる表示オブジェクトを指定するには、マスクされる表示オブジェクトの mask プロパティとしてマスクオブジェクトを設定します。 // Make the object maskSprite be a mask for the object mySprite. mySprite.mask = maskSprite; マスクされる表示オブジェクトは、マスクとして機能する表示オブジェクトのすべての不透明な (透明でない) 領域で表示されます。 例えば、次のコードでは、赤色で 100 × 100 ピクセルの四角形を含む Shape インスタンスと、青色で半径 25 ピクセルの円を含む Sprite インスタンスを作成します。
cacheAsBitmapによるグラデ | 知らないはリスク
やっとFlashのことが書けます(笑) Flash8よりビットマップ関連のActionScriptが豊富になったのですが、 その中に「cacheAsBitmap」というプロパティがあります。 この「cacheAsBitmap」は画像や複雑なベクターデータをキャッシュされ、 パフォーマンスの向上に繋げるものです。つまり同じ画像いっぱいな Flashなんかはこのプロパティを使えばいいという感じです。 さて、海外のサイトうろうろしてたらたまたま見つけたのですが、この「cacheAsBitmap」を 使うことによって透過情報をもったマスクがかけれるようです。 [ActionScript] msk_mc.cacheAsBitmap = true; //msk_mcをキャッシュ pic_mc.cacheAsBitmap = true; //pic_mcをキャッシュ pic_mc.setMask( “m
DD_belatedPNG: better PNG background-image support in IE6
Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript fi
アルファチャンネルを使った透明度の設定：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
透明度を設定する スタイルシートで透明度を指定することができれば、半透明にした文字を画像に重ねるといったデザインも簡単に作れるようになる。CSS 3では、アルファチャンネルまたはopacityプロパティで透明度を指定する方法が提案されており、Firefox 3とSafari 3は両方の指定方法に対応している。 今回は、色に関する定義をまとめたCSS 3の勧告候補、CSS3 Color Moduleを参考にしながら、アルファチャンネルを使った透明度の設定について見ていきたい。 RGBAによるアルファチャンネルの指定 CSS3では、RGBによる色指定にアルファチャンネルを加えて、RGBAによる色指定ができるようになっている。RGBAでは次のように、R（赤）、G（緑）、B（青）、A（アルファチャンネル）の値を「,（カンマ）」で区切って記述する。ただし、RGBの値は16進数で指定することが認められ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com