css 讓兩個div重疊

來源:互聯網
上載者:User

做網頁的時候在div裡放了一個別的網頁的天氣外掛程式,但是點擊了會跳到廣告頁面的,想去網上找個禁止div點擊的方法,可是發現沒有,用了js的方法好像也沒有成功,後來覺得還是用兩個層重疊的方法來阻止點擊,雖然定位是有點麻煩

 

<div style="position:relative">
   <div style="position:absolute;left:0;top:0"></div>
   <div style="position:absolute;left:0;top:0"></div>
</div>

 

relative是相對定位的意思。absolute是絕對位置,很奇妙少了一個都不行,但是放在一起就可以實現一個div中兩個div重疊在一起。

http://www.w3school.com.cn/css/css_positioning.asp這裡是w3school裡關於css的定位的一些說明

 

z-index:1 這個是決定兩個層在一起的顯示順序,z-index的預設值是0,適合層多的時候用

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.