visibilityの入れ子

そうだったのかー、visibilityの入れ子で、hiddenの中にvisibleがあると、visible要素だけ表示されてしまうのかー。

.visible { visibility: visible; }
.hidden { visibility: hidden; }
<div class="hidden">
    ここは表示されない
    <div class="visible">ここは表示される</div>
</div>

ムムム!

IEでbuttonを押すと中身がずれる

IEで押した時に中身がずれるのが嫌で、いつも使うのを避けていたbuttonタグ。
position:absoluteで固定するのは知っていたけど、他の解決方法があったんだー、知らなかった。

button:active,
button:focus,
button:active > span,
button:focus > span {
    position:relative;
}

テンプレに入れておこう。