代码之家 › 专栏 › 技术社区 › Lasse Espeholt

网站背景广告

advertising background css html jquery

Lasse Espeholt · 技术社区 · 16 年前

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

3 回复 | 直到 15 年前

Gordon Potter 16 年前

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

如果这是要求,我会在body标签后面的根div层中设计。也许给它一个可以定位的“adsitelayer”id。将其设置为主容器div。将维度设置为100%,然后使用jQuery或其他工具使其可点击,然后在此基础上构建设计。

不要把这个放在身体里。这样,您可以将其设置为一个间隙div层,可以在不需要广告的页面上轻松地从您的设计中提取出来。

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

brettkelly 16 年前

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

我不确定这是否可行,但我不知道还有什么其他方法可以让整个页面的背景可点击。

Lasse Espeholt 16 年前

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前