javascript - 在页面最顶部插个广告，怎么做才能不破坏页面布局（不影响下面的内容）？

Question

就是最顶部一个长条广告，把其他内容给顶下去。 直接插个p img 不行， 会让下面的内容错位或者把下面的内容盖住。 能用js/jquery 解决吗？

Answer 1

用个p包裹住

<p><img src="xxx" /></p>

Answer 2

一般网页的广告，都是一个段js代码。这样投放广告容易些，js的代码的功能就是请求素材，创建dom元素，调整布局，处理好展示和点击的逻辑。如果线麻烦的话可以直接套一个iframe。

Answer 3

如广告位宽100%， 高200px

body{
    margin-top : 200px;
}

.banner{
    position : fixed;
    width:100%;
    height:200px;
    top:0;
    left:0;
}

Answer 4

不让下面的内容错位，不覆盖，你直接弄一个半透明的覆盖广告算了，通过pointer-events:none，对半透明覆盖元素应用pointer-events:none，半透明覆盖后面的内容可以看得到，还可以进行点击事件
具体，参考大神吧
http://www.zhangxinxu.com/stu...