2007-09-07 (金)
■ Safari の backgroung-position のバグ
古い Macintosh でテストする機会があったので、 自分の書いた JavaScript や CSS をいろいろとチェックしてみた。 PukiWiki のツリーメニューのスタイルシートで、
background: transparent url(leaf.gif) no-repeat left 0.3em;
のように指定していたが、これだと Safari 1.1 の場合に画像が変な位置にずれる。 以下のように left → 0 に書き換えるとなぜかOK。
background: transparent url(leaf.gif) no-repeat 0 0.3em;
Safari 1.3 でテストしたら両方とも問題なしだったので、 どうでもいいといえばどうでもいい話なのだけれど、 かなり古い Safari にも対応するつもりなら、下のように書いておいた方が安全。
参考までに、関連のありそうなページをいくつか。
[コメントを書く]
本日のリンク元
- 33 http://oxygen.kerox.info/archives/349
- 7 http://ax.xrea.com/jump.php?http://www.revulo.com/...
- 3 google検索(css safari background)
- 3 google検索(safari css バグ)
- 3 google検索(position safari)
- 3 google検索(javascript safari position)
- 3 google検索(css no-repeat safari)
- 3 google検索(safari position)
- 3 google検索(safari position)
- 3 google検索(background-position safari)
- 3 google検索(css safari background)
- 3 google検索(safari css position)
- 3 google検索(safari background position)
- 3 google検索(background em safari)
- 3 google検索(Safari 3 position バグ)
- 3 google検索(safari css バグ)
- 3 http://www.google.co.jp/hws/search?q=safari バグ&c...
- 3 http://www.google.co.jp/hws/search?hl=ja&q=safari ...
- 3 http://oxygen.kerox.info/
- 2 google検索(safari css バグ)
- 2 google検索(background-image safari)
- 2 google検索(safari css background バグ)
- 2 google検索(css position safari)
- 2 google検索(transparent menu css safari)
- 2 http://www.google.co.jp/url?sa=t&rct=j&q=safari cs...
- 2 google検索(zend framework session バグ)
- 2 google検索(background safari バグ)
- 2 google検索(safari position バグ)
- 2 google検索(safari css background-image)
- 2 google検索(safari css バグ)
- 2 google検索(safari css バグ)
- 2 google検索(safari background position)
- 2 google検索(safari バグ css)
- 2 google検索(safari 1.2 css background)
- 2 google検索(javascript mac ツリーメニュー)
- 2 google検索(css safari バグ)
- 2 google検索(css position バグ)
- 2 google検索(blog カレンダー css ずれる safari)
- 2 google検索(background-position safari)
- 2 google検索(Safari background-image)
- 2 google検索(MAC サファリ2 CSS background)
- 2 google検索(safari background-image)
- 2 google検索(css safari position バグ)
- 2 google検索(safari css バグ background)
- 2 google検索(safari 1.3 css)
- 2 google検索(safari css バグ)
- 2 google検索(safari css バグ)
- 2 google検索(safari バグ javascript)
- 2 google検索(safari background position バグ)
- 2 google検索(css safari repeat)
- 2 google検索(css safari バグ)
- 2 google検索(css safari バグ)
- 2 google検索(background-position safari バグ)
- 2 google検索(safari background position)
- 2 google検索(safari position バグ)
- 2 google検索(safari css background バグ)
- 2 google検索(background-position safari)
- 2 http://www.google.co.jp/hws/search?hl=ja&q=backgro...
- 2 http://www.bing.com/search?q=backgroung-repeat&FOR...
- 1 http://www5.google.com/search?hl=ja&lr=&client=saf...
- 1 google検索(safari position)
- 1 google検索(safari バグ css)
- 1 google検索(safari html バグ)
- 1 google検索(safari css no-repeat)
- 1 google検索(safari css background-image ずれる)
- 1 google検索(safari css バグ)
- 1 google検索(safari css バグ)
- 1 google検索(safari 1.3 テスト)
- 1 google検索(safari バグ background)
- 1 google検索(safari バグ)
- 1 google検索(position バグ)
- 1 google検索(no-repeat css safari )
- 1 google検索(css Safari bug)
- 1 google検索(css サファリ 画像 ずれる)
- 1 google検索(css safari background-image)
- 1 google検索(Safari CSS 不具合)
- 1 google検索(Safari バグ CSS)
- 1 google検索(Safari 1.3 バグ)
- 1 google検索( background-position safari)
- 1 google検索(css safari)
- 1 google検索(ページ内リンク safari)
- 1 google検索(safari background-position)
- 1 google検索(innerHTML リーク Safari)
- 1 google検索(backgroundPosition safari)
- 1 google検索(Safari background-image)
- 1 google検索(css safari 位置 ずれる)
- 1 google検索(safari CSS position)
- 1 google検索(background-position safari )
- 1 google検索(safari background-position)
- 1 google検索(footer 最下部 ずれる)
- 1 google検索(safari css バグ)
- 1 google検索(chart plugin position ずれる)
- 1 google検索(safari バグ css)
- 1 google検索(background-position safari)
- 1 google検索(safari background-image)
- 1 google検索(safari バグ php)
- 1 google検索(background:transparent safari)
- 1 google検索(IE8 バグ css background)
- 1 google検索(safari css バグ)
- 1 google検索(safari background-image)
