2

私は現在、所有者がバックグラウンド広告（サイト全体のバックグラウンドとしての広告）を必要とするWebサイトを作成しています。

cssで作成するのは非常に簡単です。

body
{
   background-image: url('ad.jpg');
   repeat, color.....
}

しかし、彼らはそれがリンクであることを望んでいます。少し難しいので、助けが必要です。

私はこのようなもので試しました：

<a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; display: block; left: 0; top: 0; z-index: -1; min-height: 100%; min-width: 100%;">
    &nbsp;
</a>

しかし、それは正しく機能しません。このソリューションをIE/FF / Safariなどで機能させたいと思っています。サイトでjQueryを使用しているので、少し知っています。

よろしく、ラッセ

4

3 に答える 3

2

バックグラウンドにないコンテンツの予想されるクリック動作は何ですか？背景広告とは関係なくクリック可能ですか？

これが要件である場合、bodyタグの直後のルートdivレイヤーで設計します。おそらく、ターゲットにできる「adsitelayer」のIDを指定します。これをメインコンテナdivにします。寸法を100％に設定し、jQueryなどを使用してこれをクリック可能にし、その上にデザインを構築します。

これを体に入れないでください。このようにして、広告を必要としないページのデザインから簡単に抽出できるインタースティシャルdivレイヤーにすることができます。

ちなみに、これはちょっと奇妙な要件です。それで、基本的に私がページの他のどこかをクリックすると、私は広告に行くつもりですか？クライアントが要求する場合は、これを実装します。ただし、これはユーザビリティの観点からは本当に奇妙な動作であり、Webサイトのユーザーをオフにする可能性があることを通知する必要があります。ちょうど私の2セント。

スパムは、宣伝するものではなく、宣伝する方法が原因でスパムになります。この動作は、SEOの観点から眉を上げる可能性があります。グーグルがこれを好きになるかどうかはわかりません。ポリシーによっては、サイトをマルウェアとして扱う場合もあります。

于 2009-09-16T21:44:16.823 に答える
1

私はこの方法を使用していくつかの成功を収めています：

<body>
<script type="text/javascript">
        $(document).ready(function() {
            $('body').css('cursor', 'pointer');

            $('body').click(function(event) {
                if (event.target == event.currentTarget)
                    window.open('http://www.google.dk');
            });

            $('div#Center').hover(function() {
                $('body').css('cursor', 'auto');
            }, function() {
                $('body').css('cursor', 'pointer');
            });
        });
    </script>
<div id="Center">
My content...
</div>
</body>

広告レイヤーがないことは知っていますが、IEでしか正しく機能しませんでした。マウスはページの上部をクリックできませんでした。

このコードも完璧ではありません。ページを下にスクロールするとクリックできません。ボディタグが下に伸びていないものかもしれません。私は体を高さに設定しています：100％; および最小の高さ：100％; しかし、それは機能しませんでした。助言がありますか？

于 2009-09-22T06:25:08.133 に答える
1 
$('body').click(function(event){
    window.location = "http://adsite.com";
});

それがうまくいくかどうかはわかりませんが、ページ全体の背景をクリック可能にする他の方法はわかりません。

于 2009-09-16T20:45:36.193 に答える