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 回答