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

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には適用されない

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

Firefoxでfloatするとリンク時に横線が表示される問題を解決する

2009 年 2 月 13 日 金曜日

selectname a{
float: left;
width: ***;
height: ***;
display: block;
}

firefoxだとリンク時に横に線が表示されてしまう。
outline:0;を指定すれば、横線は消えるが、線そのものがまったく消えてしまい、リンクかどうかの判断がつきにくい。

overflow:hidden;を指定すれば、width, heightで指定したサイズにリンク線が表示される。

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

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

2009 年 1 月 24 日 土曜日

Safariのみに適用

html*div {
Safariのスタイル
}

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

Firefoxのみ適用するCSSハック

2009 年 1 月 24 日 土曜日

Firefoxのみ適用

html>/**/body{
Firefoxのスタイル
}

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

拡張子xhtmlで運用できるキャリア(携帯サイト)

2009 年 1 月 18 日 日曜日

“拡張子 .xhtml”と.htaccessに“DirectoryIndex index.xhtml”を合わせて運用すれば携帯サイトの運用が可能と言われるが…

◆実験結果
 DoCoMo(i-mode):xhtml/cssで表示が可能
 softbank(yahoo携帯):xhtml/cssで表示が可能
 au(ezweb):リクエストされたページは表示できません。 ※304エラーとなる。

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

IE6で透過PNGを表示するAlphaImageLoader

2009 年 1 月 7 日 水曜日

CSSで以下を記述
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対値のパス', sizingMethod=scale);

scrは相対パスでも問題はないが、cssからの相対値ではなく、該当ホームページからの相対値になるので、特にカテゴリ等の階層が分かれる場合には絶対値のパスを指定しておいた方が無難。

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