CSSでoverlayしようとした時にembedが最前面に出てしまう問題

なんか久々にCSSとかいじっててはまった。
もっとスマートな解決方法があったんだけど、とりあえず下記で対応。

・ひらくとき

    var B = document.getElementsByTagName("object");
    for (i = 0; i < B.length; i++) {
        B[i].style.visibility = "hidden";
    }
    var A = document.getElementsByTagName("embed");
    for (i = 0; i < A.length; i++) {
        A[i].style.visibility = "hidden";
    }

・かくすとき

    var B = document.getElementsByTagName("object");
    for (i = 0; i < B.length; i++) {
        B[i].style.visibility = "visible";
    }
    var A = document.getElementsByTagName("embed");
    for (i = 0; i < A.length; i++) {
        A[i].style.visibility = "visible";
    }

※追記
これだっけなー
http://d.hatena.ne.jp/nacbox/20100729/1280387880