at-staffs「CSSだけで特定要素内でのみ画面にFIXさせたい」...を応用して、FIXするボタンをつけてみるよく見かける、色々な条件を指定して検索する条件検索のフォーム。前回「CSSだけで特定要素内でのみ画面にFIXさせたい」の記事でご紹介した、特定要素内だけでFIXさせるCSSを応用して、検索用フォームの個所にだけ、うまい事ボタンを表示できるのでは!と思い至った次第です。JavaScriptは使わず、CSSだけで実現しちゃいます。【サンプル】なんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんやなんやかんや画面にFIXします(特定要素内のみ)前回同様、必要なCSSだけ見てみると、とてもシンプルです。*/}これなら、検索フォームのどこを表示していても、すぐにボタンを押せちゃいますし、検索フォームよりも下にはボタンはついてこないので、邪魔にもなりませんね。一昔前はJavaScriptとかなんやかんや使わないと出来なかったものが、CSSのほんの1,2行で出来てしまうと、気持ちのいいもんです。※IEは対応してくれませんので、IE対策はしておきましょう。