テクニカル情報

[情報]Safari系ブラウザで代替スタイルシートが効かない

複数のスタイルシートでデザインの切り替えを可能にしているサイトにて、その実装方法にalternate stylesheet(代替スタイルシート)を利用するケースがありますが、特定バージョンのSafariブラウザに、スタイルシートが効かなくなる不具合があることが判明しました。

Apple社からの正式なアナウンスは確認されておりませんが、Windows版Safari v5.1やMacOS版Safari5.0、i-Phone、i-Padなど、モバイル向けSafariブラウザでも不具合が確認されております。

なお、alternate stylesheet はW3Cで認められている正規の仕様です。
http://www.w3.org/TR/html4/present/styles.html

Safariブラウザのバージョンアップにより正常動作するようになる可能性がありますが、スクリプトでの不具合回避策などもご検討ください。

styleswitch.js スクリプトについては下記サイトで不具合回避方法が紹介されています。利用者様の責任にてご検討ください。

[個人サイト]Here and There Blog
Safari 5.1はalternate stylesheetが使えない為、styleswitch.jsを導入
http://herethere.cressel.com/logjp/archives/2011/10/16_2209.php
2017年1月17日