javascript - 在頁面最頂部插個(gè)廣告,怎么做才能不破壞頁面布局(不影響下面的內(nèi)容)?
問題描述
就是最頂部一個(gè)長條廣告,把其他內(nèi)容給頂下去。 直接插個(gè)p img 不行, 會(huì)讓下面的內(nèi)容錯(cuò)位或者把下面的內(nèi)容蓋住。 能用js/jquery 解決嗎?
問題解答
回答1:用個(gè)p包裹住
<p><img src='http://www.cgvv.com.cn/wenda/xxx' /></p>
回答2:一般網(wǎng)頁的廣告,都是一個(gè)段js代碼。這樣投放廣告容易些,js的代碼的功能就是請求素材,創(chuàng)建dom元素,調(diào)整布局,處理好展示和點(diǎn)擊的邏輯。如果線麻煩的話可以直接套一個(gè)iframe。
回答3:如廣告位寬100%, 高200px
body{ margin-top : 200px;}.banner{ position : fixed; width:100%; height:200px; top:0; left:0;}回答4:
不讓下面的內(nèi)容錯(cuò)位,不覆蓋,你直接弄一個(gè)半透明的覆蓋廣告算了,通過pointer-events:none,對(duì)半透明覆蓋元素應(yīng)用pointer-events:none,半透明覆蓋后面的內(nèi)容可以看得到,還可以進(jìn)行點(diǎn)擊事件具體,參考大神吧http://www.zhangxinxu.com/stu...
