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 3のみの適用になるが body:first-of-type でSafariのみCSSを適用する事が可能。
参考:http://coliss.com/articles/build-websites/operation/css/247.html
html:\66irst-child *****{
SafariのみCSSを記載
}
※但しIE - Safariには適用されない
selectname a{
float: left;
width: ***;
height: ***;
display: block;
}
firefoxだとリンク時に横に線が表示されてしまう。
outline:0;を指定すれば、横線は消えるが、線そのものがまったく消えてしまい、リンクかどうかの判断がつきにくい。
overflow:hidden;を指定すれば、width, heightで指定したサイズにリンク線が表示される。
“拡張子 .xhtml”と.htaccessに“DirectoryIndex index.xhtml”を合わせて運用すれば携帯サイトの運用が可能と言われるが…
◆実験結果
DoCoMo(i-mode):xhtml/cssで表示が可能
softbank(yahoo携帯):xhtml/cssで表示が可能
au(ezweb):リクエストされたページは表示できません。 ※304エラーとなる。
CSSで以下を記述
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対値のパス', sizingMethod=scale);
scrは相対パスでも問題はないが、cssからの相対値ではなく、該当ホームページからの相対値になるので、特にカテゴリ等の階層が分かれる場合には絶対値のパスを指定しておいた方が無難。