問(wèn)題描述

就是最頂部一個(gè)長(zhǎng)條廣告，把其他內(nèi)容給頂下去。 直接插個(gè)p img 不行， 會(huì)讓下面的內(nèi)容錯(cuò)位或者把下面的內(nèi)容蓋住。 能用js/jquery 解決嗎？

問(wèn)題解答

用個(gè)p包裹住

<p><img src='http://m.cgvv.com.cn/wenda/xxx' /></p>

一般網(wǎng)頁(yè)的廣告，都是一個(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;}回答4：

不讓下面的內(nèi)容錯(cuò)位，不覆蓋，你直接弄一個(gè)半透明的覆蓋廣告算了，通過(guò)pointer-events:none，對(duì)半透明覆蓋元素應(yīng)用pointer-events:none，半透明覆蓋后面的內(nèi)容可以看得到，還可以進(jìn)行點(diǎn)擊事件具體，參考大神吧http://www.zhangxinxu.com/stu...