这两天的总结

大概有两个来月没有写博客了,把这两天遇到的问题做个总结。

1、图片背景怎么适应各种pc端的浏览器
设计图为宽度为1300px
当前默认宽度为980px

1300  -  980  =  320 

    160                980               160
图片背景           纯色           图片背景

body{ background:url("./images/bodybg.jpg")  center  top  no-repeat; }
#page{ width:980px; margin: 0px  auto; }


2、默认情况下body为屏幕分辨率的高度
html , body {  height : 100% ;   overflow : hidden ;  }


3、固定顶部导航栏
.tip { position :fixed ;  top : 0px ; bottom : auto ; height : 60px ; overflow: visible;  }
.tip_IE6 { _position : absolute ;  _top : expression( eval ( document.documentElement.scrollTop ) ); }
.logo { position : absolute; top: 0px ;  left: 15px;  width: 80px; height: 79px; }





4、a 与 img 之间的小小的一条空白间隙
a { display: block; width: 300px; height: 280px;  }
a  img { width:100%; height: 100%; border:0px; }



















 

 

 

posted @ 2012-05-15 21:15  前端咖  阅读(177)  评论(0编辑  收藏  举报