PIE.htcがローカル環境で動作しないのを何とかする

PIE.htcはIE6/7/8でもCSS3を適用される優れたライブラリです。
少し試してみたのですが、ローカル環境で動作しないという問題を見つけました。

ネット上でも同様のケースが多いようです。

CSS3で角丸をつくりました。 もちろんIEも対応。

簡単だな~。と思ってローカルでプレビューするも反応なし、

MAMP のローカル環境だと PIE 動かない

もちろんサーバ上で動けばそれで問題ないのですが、制作途中のプレビューに不便さを感じましたのでソースコードをのぞいて原因と思われる箇所を探しました。

Mark of the Web

Mark of the Webを使用すると使用しているHTMLファイルから相対パスで指定しているファイルにリンクで飛べない。

PIE.htc内にMark of the webの記述があるため、相対リンクや相対リンクと同等のローカルIPによる指定では動作しなかったものだと思われます。
ただし上記記述を削除するとIEで「アクティブコンテンツを有効にするには・・」という警告が出ますが、動作確認取れないよりはマシでしょう。

なお、behaviorは「CSSからの相対パス」ではなく、「そのCSSが有効となるHTMLからの相対パス」でないとリンク切れとなります。なのでローカルでの検証も階層があるサイトの場合はややこしい感じに・・・。根本的な解決にはなってないかもしれません┐(´∀`)┌

AD

Share

Commentsコメント

メールアドレスは公開されません。コメントは必ずご入力ください。

HTMLタグは使用できません。ソースコードを書き込みたい場合はCodetterGistCodePenなどのご利用が便利です。

コメントはまだありません。