CriCri 半透明フィルター
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 あるブロックを半透明にしたい場合、IE独自仕様のアルファフィルターと、CSS3に入っているフィルターを両方指定すればできます。 現在のW3CのCSS Varidater はCSS2で検査されていますが、主なブラウザはすでにCSS3に対応しているので、CSS2に規定されていないopacityを指定しても読み取ってくれる。 例： background-color: #FFF; filter:alpha(opacity=75); opacity:0.75; IEのアルファフィルターは、真ん中のfilter:alpha(opacity=75);の部分で、これは不透明度75％になります。 IEの半透明フィルターが半透明にならない 他のブラウザのCSS3への対応のおかげで、レイヤーを半透明に
cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) | Web Tips Blog
2011.04.27 CSS, コーディング関係, 備忘録 1件のコメント cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) 画像を使わずにcssでドロップシャドウを実現。技術として可能なのは知ってたけど、「photoshopで加工するほうが慣れてるし早いしいいあー」ってついつい後回しにしてやったことなかったです。でもやっぱできたほうがなにかと便利だということで、やってみたのでここにまとめときます。・・・久しぶりのエントリーです。すみません。 css3を使ってドロップシャドウを実現する まずはcss3を活用した方法。FirefoxやGoogle Chrome、safariなどは、 独自仕様という形でcss3の機能の一部を使えます。 基本はbox-shadowというタグで、 box-shadow: 横方向のずれ 下方向のずれ ぼかし具合 シャドウ
[CSS]透過PNGと透過フィルターの使い方 - WebTecNote
要素を透過させる場合、アルファチャンネルPNGかCSSのフィルターどちらか使えば作ることが出来る。 アルファチャンネルPNGはPNG24とかの保存形式で、背景無し（またはマスクつき）の画像を保存すれば作成出来る。 Div等の背景を透過させる場合、アルファチャンネルPNGで80%くらいに透過させた画像を背景にすると、フィルターと変わらない効果を得られる。 透過フィルターを使った場合、中の要素まで透過してしまうという問題がある。 positionとか色々CSSを駆使すれば回避できないこともないが、アルファチャンネルPNGを使えば中の要素が透けることはない。 以下サンプル 解説は続きに。 <div id="container"> <div id="contents"> <p class="sample1">sample1 position:absolute(out)</p> <div id="t
![[CSS]透過PNGと透過フィルターの使い方 - WebTecNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d5086d1e1b1cb31e8429c677f687dd2fc3eb37e/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2008%2F05%2Falpha-300x161.gif)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
たった6行追加するだけ！CSSだけで透過PNGをIE6で表示させるテクニック｜クロノドライブ
IE 対応 クロスブラウザ CSS Opacity sample - sample