Firefox3.5 で CSS text-shadow を利用する
2009年06月24日
Firefox3.5 で取り込まれた text-shadow を使ってみる。 text-shadow は "テキストそのもの" と "text-decoration" に対して効果が適用される。 書き方 "影の色"、"水平方向の移動距離"、"垂直方向の移動距離"、"ぼかしの強さ"…続きを読む
Firefox3.5 で取り込まれた text-shadow を使ってみる。 text-shadow は "テキストそのもの" と "text-decoration" に対して効果が適用される。 書き方 "影の色"、"水平方向の移動距離"、"垂直方向の移動距離"、"ぼかしの強さ"…続きを読む
JavaScript を使わずに CSS のみで z-index と 背景画像を使って Rollover(ロールオーバー)画像置換を行うメモ。 text-indent を使ってテキストを不可視領域に移動させて画像置換(Image Replacement)を行うと、画像非表示で CSS 有効の場合に何も表示されない問題があるので、z-index を使って画像置換を行ってみた。 次のスクリーンショット…続きを読む
スタイルシート(CSS)だけでドロップダウンメニュー(Drop Down Menu)を作るメモ。 IE6 でのみ JavaScript を使っている(ie7-js – Google Code の IE8.js を利用)。 IE 以外ではドロップダウン部分の背景に透過PNGを利用している。 サンプルページ(Sample Page) スタイルシート(CSS) #mainmenu li { …続きを読む
paulhammond.org: Conditional classnames [CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス を見て外部スタイルシートを分ける方法も試してみた。 <!–[if IE]> <link rel=”stylesheet” href=”bcs-ie.css” type=”text/css” /> <![e…続きを読む