CSSのz-indexが効かない!

z-indexを調整してもなぜだか後ろに隠れてしまう。そんなことに出会ったことありませんか? 以下に参考サイトがありました。 z-indexで重なりが直らない場合はtransformのz軸を疑ってみる CSS translateに要注意です。 translateを使っていると効かなくなります。 私の場合は、SliderBarのJSプラグインを入れていたため、その中を調べてみるとtranslateを使っていました。 これが原因か、とわかったんですが、その上にmodalで表示したいのですが、SlideBarのJSプラグインを修正なんてしてる暇がないわけで。 解決方法は簡単です。 SlideBarJSプラグインの多くは、全体を囲むように指示があったりしますので以下のようになっている場合が多いです。 それを外に出して同一レベルにする。 slidebarの制御外にすればよいってことですね。あとうあ、 […]

checkbox(or radio)のスタイルを変更するには?

HTMLのFORM要素のcheckbox(input type=checkbox)とradio(input type=radio)。 checkboxとradioの見た目を変更したいという要望がある。 スタイルシート(CSS)を用いれば可能かと思うが、このFORM要素は、CSSで変更できない。特にIE8以下は、完全に不可能です。 ※CSS3から変更可能。 だけど、どうしてもデザイン的に変更させたい、というのであればいろんな手を使って実現させることは可能です。 ただ実現させるのではなくて、FORMの要素としてもちゃんとチェックされている、選択されているという状態であることも大事です。 (phpなどでサーバ側でチェックされている状態が受け取ることができることが重要) 実現方法を簡単に説明すると、チェックボックスを隠し、チェックされていない画像、チェックされた画像を用意し切り替える。 ということ […]