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

MacでSafari 3, Safari 4を確認する方法

2009 年 6 月 27 日 土曜日

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

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

このエントリーを含むはてなブックマーク

Safariのみ適用するCSSハック

2009 年 5 月 13 日 水曜日

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

このエントリーを含むはてなブックマーク

Firefoxでfloatを使うと背景が伸びない時の対処方法:after擬似クラス

2009 年 5 月 5 日 火曜日

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

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

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

このエントリーを含むはてなブックマーク

safariのみ適用するCSS hack(ハック):body:first-of-type

2009 年 3 月 4 日 水曜日

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

参考:http://coliss.com/articles/build-websites/operation/css/247.html

このエントリーを含むはてなブックマーク

Safariのみ適用するCSS hack(ハック)

2009 年 3 月 1 日 日曜日

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

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

このエントリーを含むはてなブックマーク

Safariのみに適用するCSSハック

2009 年 1 月 24 日 土曜日

Safariのみに適用

html*div {
Safariのスタイル
}

このエントリーを含むはてなブックマーク