覚え書き。
- カテゴリ：仕事
- 2013/03/02 22:57:13
【１】スタイルシートでタイトル文字に白い縁取りを付ける。
h3 {
font-size: 16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight: bold;
color: #000;
/* モダンブラウザ（Firefox） */
text-shadow:
-2px -2px 0 #FFF,
2px 2px 0 #FFF,
-2px -2px 0 #FFF,
2px 2px 0 #FFF;
/* Chrome Safari */
-webkit-text-fill-color: #FFF;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
/* IE */
filter:dropshadow(color=#FFF,offX=2,offY=2);
}
※ただ～～～し！これはあくまでCSS3に対応しているブラウザにのみ通用。
※/* IE */以下はIE6以上で対応。
現在じんわりこっそりCSS3でコーディング中。
検証結果：
Firefox最新版では綺麗に白抜き表示できたけど、
IE、おまえは駄目だ、全然未対応。
Chromeは白抜き部分が大きすぎて真っ白になってた。
……仕事用としては、これは使わないでおく事にします。
