CSSの:target擬似クラスによるクリックで開くフッター - os0x.blog
予備知識として、target擬似クラスと、そのメニューへの応用についてはCSS 3のセレクタ解説：:root、:not、:empty、:target - builderとCSS 3のセレクタ「:target」でタブメニューをつくる - builderが良記事だと思うのでそちらを。 で、今回の場合はさらに応用を利かせて、クリックしたら開いて、もう一度クリックしたら閉じるようにしてみました。まあ、要はコントローラー部分をtargetの中に入れて、targetの状態によって、表示されるアンカーが変わるようにしただけです。(↓↓の「カレンダー、最近の記事、コメント、トラックバックを見る」というアンカーをクリックしてみてください。(アンカーテキストが冗長過ぎる感じだけど、スペース余ってるしわかりやすいからこれでいいや。)) #blogfooter{ position:fixed; bottom:0p
HTML/CSS:FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan
ウィンドウサイズによってスタイルシートを変える ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で手間。こんなときはCSS3のMedia Queryを利用するといい。 2010-03-02 08:00:00 CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。今回はアニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 2010-01-04 13:41:01
Safari は複数背景画像に対応 - lucky bag
CSS3 では実現されるであろう、background-image への複数指定。ちょっと前に Surfin’ Safari で知ったんだけど、 Safari 1.3 と 2.0 ではすでに対応しているみたい。うはー、全然知らなかったす。つうことで、実際に自分でも試してみたくて可変レイアウトのサンプルを作ってみた。もちろん、Safari でしか確認することはできない。使用した画像は、head.png、center.png、bottom.png の 3 つ。 multiple_background.html スクリーンショット 背景画像を複数指定する場合、指定を記述する順番が重要になっていて、最初の指定がレイヤー的に言うと一番上に描画され、それ以降は下のレイヤーに描画されていくことになる。つまり、下に重ねて行く感じ。なんで、今回のサンプルの指定の順番も下記のようになっている。 /* 上、下、
westciv - tools & resources for web professionals
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. About westciv Read more about us. We're just two very hard working folks from Australia who are passionate about the w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
