CSSだけで作るamazon風な縦型メガメニュー｜Webpark

2013/09/02 78 users Webpark border-radius CSS 矢印 若干

先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメガメニューをCSSだけで作れないのかというコメントいただきましたので作ってみました。 CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。 では... 続きを読む

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

2013/04/08 358 users バシャログ CSS 上下中央 ishida display

娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: ... 続きを読む

CSSのみでマウスオーバー時にリンク先のURLをツールチップで表示させる | かちびと.net

2011/09/07 61 users CSS After ツールチップ net マウスオーバー時

cssの小技的な内容です。さほど使う機会は 無さそうなんですけど、JavaScriptを使うほど でも無いようなものなのでcssだけでやって 見た、みたいな記事。リンクにマウスを乗せる とそのリンク先のURLをツールチップとして 表示させます。 対応ブラウザはモダンブラウザとIE8以上です。:afterを使うのでIE7以下は対応できません。 cssでリンク先のURLを表示する まずはcssのみでリ... 続きを読む