Rumah > hujung hadapan web > html tutorial > css 让两个div重叠

css 让两个div重叠

PHP中文网
Lepaskan: 2017-06-07 09:23:56
asal
3320 orang telah melayarinya

做网页的时候在p里放了一个别的网页的天气插件,但是点击了会跳到广告页面的,想去网上找个禁止p点击的方法,可是发现没有,用了js的方法好像也没有成功,后来觉得还是用两个层重叠的方法来阻止点击,虽然定位是有点麻烦

<p style="position:relative">
<p style="position:absolute;left:0;top:0">
</p>
<p style="position:absolute;left:0;top:0">
</p>
</p>
Salin selepas log masuk

relative是相对定位的意思。absolute是绝对定位,很奇妙少了一个都不行,但是放在一起就可以实现一个p中两个p重叠在一起。www.w3school.com.cn/css/css_positioning.asp这里是w3school里关于css的定位的一些说明

z-index:1 这个是决定两个层在一起的显示顺序,z-index的默认值是0,适合层多的时候用

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan