2

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

用 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 层，可以在不需要广告的页面上轻松地从您的设计中提取该层。

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

垃圾邮件之所以是垃圾邮件，不是因为它宣传的内容，而是它宣传的方式。从 SEO 的角度来看，这种行为可能会引起人们的注意。我不确定谷歌会喜欢这个。根据他们的政策，他们甚至可能将该网站视为恶意软件。

于 2009-09-16T21:44:16.823 回答
1 
$('body').click(function(event){
    window.location = "http://adsite.com";
});

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

于 2009-09-16T20:45:36.193 回答
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 回答