Safari | メモ　バインダー

‘Safari’ カテゴリーのアーカイブ

2009 年 6 月 27 日土曜日

Safariもメジャーアップデートするごとに、幾つかCSSの解釈が変更になっているよう。
そこでSafari 3とSafari 4を共存させる方法が考えられるが、意外と面倒。

そこで、Multi-Safariを使う事で簡単に古いバージョンのSafariで確認する事が可能になる。
http://michelf.com/projects/multi-safari/

2009 年 5 月 13 日水曜日

Safariのみ適用するCSS hackは幾つかあるが、Windows Safariでも確認できるのが
html[xmlns*=""] body:last-child #name{}

2009 年 5 月 5 日火曜日

IEでは問題がないが、FirefoxやSafariでfloatを用いると背景が伸びない場合がある。以下がafter擬似クラスを使った対処方法のサンプル。

#name{
background-image: url();
}

#name:after{
content : "";
display : block;
height : 0;
clear : both;
}

2009 年 3 月 4 日水曜日

Safari 3のみの適用になるが body:first-of-type でSafariのみCSSを適用する事が可能。

2009 年 3 月 1 日日曜日

html:\66irst-child *****{
SafariのみCSSを記載
}

※但しIE - Safariには適用されない

2009 年 1 月 24 日土曜日

Safariのみに適用

html*div {
Safariのスタイル
}