CSS样式中如何将下面的元素覆盖上面的元素?

html-css016

CSS样式中如何将下面的元素覆盖上面的元素?,第1张

1、你应该使用定位了,涉及到了z-index

2、日历和表格的z-index要么全部取消不用,要用,全部加上,日历的值比表格的大一些就好了,z-index的值一般在10之内就好了,不要太高

css避免绝对定位覆盖其他元素,首先,在做定位的时候,确实是会出现覆盖的问题,一般在确定left,top,bottom,right这些数值,一般都是精确的测量过,很少出现覆盖,有问题的,通过JS获取到这个块的left,top,bottom,right,动态的来控制,能避免出现这些问题,具体看代码:

<html>

<head>

<style>

#div1{

width:460px

height:200px

position:absolute

}

</style>

</head>

<script>

var oDiv = document.getElementById('div1')

var Let = Div.style.left //上下的值,

var Rig = Div.style.top

</script>

<body>

<div id='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

浮动,你可以理解为漂浮在空中,然后它后面紧挨着但未设置浮动的元素则仍然在地上,并且填补了漂浮元素原来在地上所占用的位置,也就是说,非浮动元素“钻”到浮动元素的下面去了,所以被盖住了。

要想避免这种情况,必须让浮动元素清除浮动,最简单的方式就是给浅蓝色div加一个 overflow:hidden ,这样它在空中漂浮的同时也保留了它原来在地面占用的位置,这样后面的其他非浮动元素就不会移动位置了,也就不会被遮盖。