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

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

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

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

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

<PUBLIC:COMPONENT lightWeight="true">

//←この行を削除

<PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />

<PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />

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

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

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

ADs

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

【HTML5/CSS3】PIE.htcがローカル環境で動作しないのを何とかする | Wood-Roots:blog