17 | 1月 | 2011 | ホームページ制作/web制作 | アールズデザイン[埼玉　個人/SOHO]

アールズデザインのホームページ制作

カテゴリー

アーカイブ

見積もり・お問い合わせ

お気軽にお問い合わせ下さい。

ご依頼受付時間：11:00～22:00
土日祝日もご連絡を承っております。

業務内容

ホームページ制作業務内容

ホームページ制作　バナー制作　キャンペーンページ制作　ロゴ制作　ブログ（BLOG）カスタマイズ　ドメイン/サーバー手続き代行　SEO（検索エンジン対策）、出張サポート　ホームページ制作の家庭教師などを低価格で承ります。

ホームページ制作 対象

店舗サイト　中小企業サイト、個人紹介サイト、 風俗サイトなどのデザインおよび制作。日本全国どとらでも対応いたします。 埼玉県、東京都23区内なら無料でご訪問させていただきます。。

css3　PIE.thcについて

投稿日2011年1月17日

投稿者 takuyanen

IEでも一部のCSS3が使えるというPIE.htcを使ってみた。

公式サイト： http://css3pie.com/

ダウンロードしてルートディレクトリに置いてみた。

上手くいかないと思ったら、ｃｓｓに記述する際のPIE.htcまでのパスがHTMLファイルからの相対パスかルートパスでないとダメらしい。

当サイトのブログ記事を囲っているボックスのCSSはこんな感じのソースになる↓

section#rightBox .postCon{
　 width:598px;
　 padding:15px;
 　border:solid 1px #ccc;
 　line-height:20px;
 　margin:0 0 15px 0;
 　background:#ffffff;
　 position:relative;

　 border-radius:8px;
　 -moz-border-radius:8px;
　 -webkit-border-radius:8px;
　 behavior: url(../../../pie/PIE.htc); /*Relative path from htmlFile */
}

グラデーョンと角丸を使う際は”position:relative;”を入れないといけない。

“position:relative;”を入れておかないとグラデーションがきかなかったり、親要素の背景画像が上にきたり・・・、で色々不具合がありますので注意！

Posted in css3