GAE(GoogleAppEngine)でCSS3PIE(PIE.htc)を利用する場合に、HTTPヘッダのContent-Typeヘッダに正しいMIMEタイプがセットされません。なので正しいContent-Typeヘッダを吐き出してあげる必要があります。htcファイルのMIMEタイプは、"text/x-component"なのでそれを正しく吐き出してあげれば大丈夫そうです。以下設定方法です。

{Project}/war/WEB-INF/web.xml

<?xml version="1.0" encoding="utf-8"?>
<web-app ...>
...
	<mime-mapping>
		<extension>htc</extension>
		<mime-type>text/x-component</mime-type>
	</mime-mapping>
...
</web-app>

上記のように設定を変更してあげればOKです。

この方法はGAE(GoogleAppEngine)でアーカイブを公開する場合にも利用することが可能で、たとえばZIPアーカイブの場合は、extentionに”zip”、mime-typeに”application/zip”と指定してあげることで対応することが出来ます(指定しなくても自動で出力している可能性あり)。

関連記事:
CSS3でWindows7風のボタンを作る

関連性がある記事

Disqusでコメント