就是最頂部一個(gè)長條廣告,把其他內(nèi)容往頂下去。直接插p img 不行, 會(huì)讓下面的內(nèi)容錯(cuò)位或把下面的內(nèi)容蓋住。能用js/jquery 解決嗎?
一般網(wǎng)頁的廣告,都是一個(gè)段js程式碼。這樣投放廣告容易些,js的程式碼的功能就是請(qǐng)求素材,創(chuàng)建dom元素,調(diào)整佈局,處理好展示和點(diǎn)擊的邏輯。如果線麻煩的話可以直接套一個(gè)iframe。
如廣告位寬100%, 高200px
body{
margin-top : 200px;
}
.banner{
position : fixed;
width:100%;
height:200px;
top:0;
left:0;
}
不讓下面的內(nèi)容錯(cuò)位,不覆蓋,你直接弄一個(gè)半透明的覆蓋廣告算了,透過pointer-events:none,對(duì)半透明覆蓋元素應(yīng)用pointer-events:none,半透明覆蓋後面的內(nèi)容可以看得到,還可以進(jìn)行點(diǎn)擊事件
具體,參考大神吧
http://www.zhangxinxu.com/stu...