[み]IEでもCSS3みたいなシャドウをつける方法

コピペ大好きみはら(@masashi_385)です。みはら.comはいろんな方が紹介されているものを、とりあえずコピペしてみて動いたら使うっていうスタイルの、とてもコピペなブログです。つまり、コードはかなりぐちゃぐちゃです。でも、そこは神プラグインのHead Cleanerのおかげでなんとか傍目はクリアしてるんじゃないでしょうか?

さて、今回もコピペでいけるやつを紹介します。今回紹介するコピペは、IEで見たときもChromeとかFirefoxとかで見たときみたいにボックスにシャドウをつける方法です。IEはいろいろ面倒なようで、みはら.comはIE対策なるものはさっぱりしていません。あしからず。

では、気を取り直して、まずはコードから。

<!--[if IE]>
<style type="text/css">
.container {padding-left:14px;}
.frame {left:4px; top:4px;}
.shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');}
</style>
<![endif]-->

で、シャドウをつけたいdiv要素に.shadowを付けてやるだけです。

まるっとコピペでいけますよ。

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup