- ベストアンサー
LightviewでIE7以降のバージョンで角丸が表示されません
- Lightviewのバージョン2.3.1を使用していますが、IE7以降のバージョンで角丸が表示されません。
- IE6では正常に表示されていたが、IE7とIE8では読み込み時に角丸が消えてしまいます。
- lightview.cssにはIE6用の設定があり、IE6のみで読み込まれるようになっています。新しいバージョンを入手するには支払いが必要であり、原因がわからないため困っています。
- cotocafe（@benkei1980）
- お礼率98% (66/67)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
角丸表現に興味があったので、回答します。申し訳ないのですが、Lightviewのユーザではないです。。。 このように角丸を表示するには、たいてい角丸を表現する画像を準備して、CSSや(X)HTMLを使ってそれをはめこむというのが定石だったと思います。が、このライブラリはそれとはまた別な方法を使っていました。 IEとそれ以外（といってもFireFoxとOperaでしか検証してませんが。。）で角丸の処理を分けているようです。IEはSVGの前身の「VML(Vector Markup Language)」で、OperaとFireFoxではブラウザ拡張の「canvas」を、それぞれ使っていました。 質問が、「IE7以降のバージョンで…」なので、IE6だと大丈夫なのだと理解しました。そこで、IEとVMLに関してググって見たら、Microsoftのサポートに「VML 要素が Internet Explorer の厳密な標準準拠モードに表示されません(http://support.microsoft.com/kb/932175/ja)」という記事がありました。ひょっとしたらこれかもしれません。 Lightviewのサイトで「Install」の項目を見ると、「文章型宣言はXHTML 1.0 Transitionalにしてください」とあります。対してMicrosoftのサポートでは、VMLを期待通りに表示するなら「厳密な標準準拠モードを使用しないでください」「文章型宣言を削除してください」とあります。 なので、もし文章型宣言(もしくはXML宣言？)を(X)HTMLに記述しているのであれば、それを削除して試してみたらいかがでしょうか？もちろん、妥当なXHTML文書ではなくなってしまいますが。。。
お礼
解決しました。 XML宣言はしてなかったのですが、 実はXHTML 1.0 strictにしてました・・・。 英語が読めなかったので気付かなかったです。 XHTML 1.0 Transitionalにすると直りました。 今までに文章型宣言のバグに出会ったことがなかったので、 感動しました。 本当にありがとうございました。