Question

我目前正在建立一个网站，业主想要背景广告（广告作为整个网站的背景）。

在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，所以我对它有点了解。

祝你好运，拉塞

Answer 1

不在后台的内容的预期点击行为是什么？它是否可以独立于背景广告进行点击？

如果这是要求，我会在body标签之后的根div层设计。也许给它一个可以定位的“adsitelayer”的id。使这成为主容器div。将尺寸设置为100％，然后使用jQuery，或者不使用jQuery使其可点击，然后在此基础上构建设计。

不要把它放在体内。通过这种方式，您可以将其设置为插页式div层，可以在不需要广告的网页上轻松地从设计中提取。

顺便说一句，这是一个奇怪的要求。所以基本上如果我点击页面上的任何其他地方我会去广告？如果客户要求，请执行此操作。但是你应该告诉他们，从可用性的角度来看，这是非常奇怪的行为，很可能会关闭网站的用户。只是我的两分钱。

垃圾邮件不是垃圾邮件，不是因为它所宣传的内容，而是它所宣传的方式。这种行为可能会引起SEO的观点。我不确定谷歌会喜欢这个。他们甚至可能将该网站视为恶意软件，具体取决于他们的政策。

Answer 2

$('body').click(function(event){
    window.location = "http://adsite.com";
});

不确定是否可行，但我不知道有任何其他方法可以使整个页面的背景可点击。

Answer 3

我使用这种方法取得了一些成功：

<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％;但它不起作用。有什么建议吗？

在网站上的背景广告

3 个答案: