css固定元素位置(fixed)
我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置,无论如何滚动滚动条,位置不变,就例如经常看到的弹出广告。方法一般是使用js控制,或者使用css。这里我写的是css的控制方法。
在IE7以上版本及firefox、opera、safari里,都支持css属性”position:fixed”,它的作用就是将元素相对于窗口固定位置。代码如下
#ads{ position:fixed; right:0; bottom:0; border:1px solid red; width:300px; height:250px; }
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
body默认的margin会有8px,需要设置为0,否则会有白边。body默认的margin会有8px,需要设置为0,否则会有白边。body默认的margin会有8px,需要设置为0,否则会有白边。
浏览器宽度改变后,页面不乱的设置办法:
body{ min-width:960px; }
css3浏览器兼容性