その3(css3shadow)この記事は1年以上前の記事のため、内容が古い可能性があります。今回の方法では、ドロップシャドウ・テキストシャドウができます。「css3shadow」を利用する方法。(参考サイト:ppBlogさんのサイト)css3shadowでできるCSS3機能は以下のとおりです。テキストシャドウcss3shadowのIE用ドロップシャドウでは「box-shadow」ではなく、「-moz-box-shadow」または「-webkit-box-shadow」で記述します。両方書いていても大丈夫です。手順1.まずはこちらのサイトから「css3shadow」をダウンロードしてください。(リンク先の下のほうにある「添付ファイル:css3shadow.htc」をクリックしてください。)2.htmlファイルに以下を記述し、「css3shadow.htc」を呼び出してください。src="css3shadow.htc"></script><![endif]-->3.スタイルシートを設定してください。css3shadowではinsetによる内部シャドウが使用できます。(ie-css3とPIEでは現在確認したところ、できませんでした)通常のドロップシャドウにする場合はこの「inset」を削除してください。0.3);}4.スタイルは、ドロップシャドウ・テキストシャドウともにclass「box」という名前にしていますので、body内にそれぞれを含んだタグを記述してください。class="box"><p>「css3shadow」では、insetによる内部シャドウが使用できます。</p><p>「css3shadow.htc」を呼び出す場合は、behaviorではなく、scriptタグで呼び出してください。</p></div>これで、IEでも対応できるようになります。[新しいウィンドウで開く]※サンプルではinsetによる内部シャドウを使用しています。注意事項シャドウを設定しているクラスで「text-align:center;」を使うと、「こちら」のようにとんでもない結果になります。使う場合はそのクラスの中にもうひとつタグを入れてそちらで「text-align:center;」を使ってください。上記の問題、ご対応いただけたようです。images」PIEバグレポート関連記事はYARPP関連記事プラグインによって表示されています。「IEでもCSS3」シリーズの記事で「PIE.htc」「ie-css3.htc」「css3shadow.htc」を紹介しましたが、サーバによっては効かない場合があります。2010年08月04日はじめまして、martinです。TrackBackありがとうございました。「text-align:center;」の件、最新の記事で対応してみました。2010年08月04日martinさん、はじめまして。早急に対応いただけたようで、ありがとうございました。記事も修正しておきました。コメントする※メールアドレスが公開されることはありません。(Animeより[2019/11/23])WordPressのパーマリンクでindex.phpが勝手に挿入される。雑多エンジニアのひとりごとより[2019/11/11])WordPressのパーマリンクでindex.phpが勝手に挿入される。(94アクセス)プロフィール和歌山でウェブプログラマーをやってます。使える言語はHTML・PHP・Javascriptなど。Perlも扱えるようになるといいなぁ、と思う今日この頃。ついでに書くと、漫画・アニメが大好きなオタクです。最近はアクアリウムにはまり中。