Safari のバグ
- ブロック要素を含むインライン要素の右ボーダーが表示されない
-
- ブロックレベル要素を子要素として持つインラインレベル要素では、ブロックレベル要素直前の右ボーダーが表示されない。
- Category: Mac, Safari, ver.3 Under
- Tag: border
- z-indexを負の数にしたリンクを選択できない
-
- ポジショニングした祖先要素を持たないa要素のz-indexプロパティに負の値を指定すると、そのリンクをマウスなどのクリックによって辿ることができなくなる。
- Category: Mac, Safari, ver.3 Under
- Tag: z-index, 負数
- 擬似要素の文字列を拡大縮小できない
-
- 擬似要素の文字列は、ブラウザの文字列拡大縮小機能を用いて文字サイズを変更することができない。
- Category: Mac, Safari, ver.3 Under
- Tag: 擬似要素
- font-familyを指定した文字のボールドが文字化け
-
- font-familyプロパティでフォントを指定した要素で、文字列をボールドにした部分が文字化けすることがある。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family, font-weight, 文字化け
- インラインフレームをwindow.nameで正しく参照できない
-
- スクリプトでインラインフレームを window.name の形式で参照しても、対象のインラインフレームを指定することができない。例えばインラインフレームで表示するページのURIを変更しようとすると新しいウィンドウが開き、そのウィンドウに指定したURIのページが表示される。
- Category: Mac, Safari, ver.3 Under
- Tag: iframe
- 固定レイアウト表で%値指定の列幅が100%を超えられない
- 一部のボーダーはcolorの値を引き継がない
-
- border-colorプロパティが未指定の場合、一部のボーダースタイルではボーダー色が当該要素のcolorプロパティの値とは異なる色になってしまう。
- Category: Mac, Safari, ver.3 Under
- Tag: border
- 擬似クラスで文字列の一部分の前景色が変わらない
-
- :hover擬似クラスで前景色を変えるスタイル指定を行うとき、:hoverの状態になっても文字列の一部分だけで前景色が変化しないことがある。例えばアンダーラインより下の部分、イタリック体などで右側にはみ出す部分などでこの現象が発生する。
- Category: Mac, Safari, ver.3 Under
- Tag: background, 擬似クラス
- html要素に指定されたtransparent背景の扱いが不正
-
- CSS2はhtml要素のbackgroundプロパティにtransparent値を指定した場合は、body要素のbackgroundプロパティの値をキャンバスの背景とすると定めている。しかしSafariはbody要素の背景をキャンバスの背景としないため、body要素のマージン領域にbody要素の背景が描画されない。
- Category: Mac, Safari, ver.3 Under
- Tag: background, html, transparent
- フロートが先行要素の下辺より上に置かれる
-
- フロートが先行する要素が生成したボックスの下辺より上部に置かれてしまい、内容物が重なってしまうことがある。
- Category: Mac, Safari, ver.3 Under
- Tag: float
- 先に指定した代替スタイルシートを固定スタイルシートとして扱う
-
- link要素で外部スタイルシートを指定する際に代替スタイルシートの指定を固定・優先スタイルシートの指定より先に行うと、代替スタイルシートが固定スタイルシートであるかのように扱われてしまうことがある。
- Category: Mac, Safari, ver.3 Under
- 一部のフォントでボールド表示ができない
-
- font-weightプロパティでボールド表示をさせる指定を行っても、日本語文字はボールドにならずに通常時と同じ太さで表示されてしまう。ただし、標準フォントの指定次第でボールドになる場合もある。
- Category: Mac, Safari, ver.3 Under
- Tag: font-weight
- 使用されるはずのないフォントで文字列が表示される
-
- font-familyプロパティで、日本語などの多バイト文字用フォントとして名称に日本語文字を含まないフォントが含まれている場合でも、指定したフォントとは異なるフォントで多バイト文字が表示されることがある。※Safariは、名称に日本語文字を含むフォントを認識しません【名称に日本語文字を含むフォントファミリの指定を無視する】。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family
- ファイル名にアンダーバーを含む外部スタイルシートを読み込まない
-
- ファイル名にアンダーバー「 _ 」を含む外部スタイルシートはlink要素で指定しても読み込まれない。
- Category: Mac, Safari, ver.3 Under
- :hover擬似クラスでvertical-alignが無効
-
- :hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。
- Category: Mac, Safari, ver.3 Under
- Tag: :hover, vertical-align
- 固定レイアウトテーブルでセル幅の%値指定時に算出値が不正確
- caption要素を含むテーブルではcol/colgroupに対するスタイルが効かない
-
- caption要素を含むテーブルでは、col要素やcolgroup要素に対して指定したスタイルがすべて無視される。
- Category: Mac, Safari, ver.3 Under
- Tag: table
- 空白文字のみのテキストノードを正常に取得できない
-
- 空白文字（1バイトスペースと改行文字）だけで構成されるテキストノードを一部しか取得できない。
- Category: Mac, Safari, ver.3 Under
- Tag: 空白文字
- document.styleSheets[n].titleが常にnull値を返す
-
- document.styleSheets[n] オブジェクトのtitleプロパティは常にnull値を返す。このため、スタイルシート切り替えスクリプトを使用することができない。
- Category: Mac, Safari, ver.3 Under
- clearプロパティはnone以外の値からnone値に上書きできない
-
- 一度clearプロパティでnone以外の値を指定した要素は、より後にあるセレクタやより優先度の高いセレクタで clear: none; を指定したとしても値を上書きすることができない。
- Category: Mac, Safari, ver.3 Under
- Tag: clear
- 名称に日本語文字を含むフォントファミリの指定を無視する
-
- 名称に日本語などの多バイト文字が含まれているフォントファミリをfont-familyプロパティに指定しても無視される。フォント名をエスケープしても回避できない。
- Category: Mac, Safari, ver.3 Under
- Tag: font-family
- contentプロパティでopen-quote, close-quote値を無視する
-
- contentプロパティでopen-quote, close-quoteの各値を指定することで引用符を表示させることができない。
- Category: Safari, ver.3 Under
- Tag: content
- contentプロパティに指定した日本語文字が文字化けして表示される
-
- 外部スタイルシートでcontentプロパティの値に日本語などの多バイト文字を指定すると文字化けして表示される。
- Category: Mac, Safari, ver.3 Under
- Tag: content, 文字化け
Categories
- Search
- オススメ書籍
-
実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~
望月 真琴 , 市瀬 裕哉 , 福島 英児
Web標準テキスト
福島 英児
