Home > 技術 > SafariではCSSクラスの中括弧がないと無効になる

SafariではCSSクラスの中括弧がないと無効になる

記述忘れとしてCSSクラスの中括弧を閉じなかった場合に、WinSafari・MacSafariではそのCSSクラスが無効になってしまう。
まぁ忘れずにちゃんと書けばよいのですが、試しに忘れちゃった場合を想定してみました。

以下サンプルコード。

<style>
<!--
div#box {
  position : absolute;
    top : 100px;
    left : 100px;
    width : 100px;
    height : 100px;
    border : 1pxsolid#888;
 /* ここに閉じ中括弧がない */
-->
</style>
<div id="box">
が~~~ん!
</div >

div#boxのクラスは閉じ括弧がないようにしています。
これをSafariで表示した場合にはとくにCSSが効いていない上体で表示されます。

またWindows版のモダンブラウザの挙動を以下にまとめました。

IE6.0
有効
IE7.0
有効
Firefox2
有効
Opera9.25
有効
Netscape7.1
有効
WinSafari
無効
MacSafari
無効

ちなみに開始中括弧がなくてもダメのようです。

知ってれば問題なしっ!

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1028
Listed below are links to weblogs that reference
SafariではCSSクラスの中括弧がないと無効になる from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > SafariではCSSクラスの中括弧がないと無効になる

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top