-2

わかりましたので、クリックすると消えて本体自体が表示されるフルスクリーンテーブルを作成しようとしています。インターネットで次のコードを見つけて、すでに少し修正しました。

    <!DOCTYPE html>
    <html>
        <head>
        <script type="text/javascript">

            /******************************************
            * Popup Box- By Jim Silver @ jimsilver47@yahoo.com
            * Visit http://www.dynamicdrive.com/ for full source code
            * This notice must stay intact for use
            ******************************************/

            var ns4=document.layers
            var ie4=document.all
            var ns6=document.getElementById&&!document.all

            function hidebox(){
            crossobj=ns6? document.getElementById("showimage") :
            document.all.showimage
            if (ie4||ns6)
            crossobj.style.visibility="hidden"
            else if (ns4)
            document.showimage.visibility="hide"
            }

        </script>
        </head>
        <body>
        <p>You can see this after a click</p>
        <div id="showimage" style="position:absolute;top:0;left:0;right:0;bottom:0">
            <table border="0" width="100%" height="100%" bgcolor="#000080" onClick="hidebox();return false">        
            </table>
        </div>
        </body>
    </html>

これまでのところ機能しています。テーブルの背景は青色で、クリックするとその背後にあるテキストが表示されます。しかし、私がやりたいのは、テーブルの背景を IMAGE にすることです。

私はプログラマーではなく、これを行うのは初めてです。でスタイルシートを作ってみた

    table.background { background: url("URL here" no-repeat; }

さまざまな場所で bgcolor を background="URL here" に変更しても、うまくいきませんでした。私を助けてください、私は本当にこれを機能させたいです!

4

2 に答える 2

0

css で次のように要素を選択します。

table {
background: url("path/file.jpg");
background-repeat:no-repeat;
}

ドットのようなものすべて

.background {

}

クラスがhtmlに存在することを意味します

<table class="background">

ところであなたのjsはすべてめちゃくちゃです、これを使用してください：

    /******************************************
    * Popup Box- By Jim Silver @ jimsilver47@yahoo.com
    * Visit http://www.dynamicdrive.com/ for full source code
    * This notice must stay intact for use
    ******************************************/

    var ns4=document.layers;
    var ie4=document.all;
    var ns6=document.getElementById&&!document.all;

    function hidebox(){
    crossobj=ns6? document.getElementById("showimage") :
    document.all.showimage;
    if (ie4||ns6)
    crossobj.style.visibility="hidden";
    else if (ns4)
    document.showimage.visibility="hide";
    }
于 2013-07-10T19:51:59.773 に答える