这两天的总结
大概有两个来月没有写博客了,把这两天遇到的问题做个总结。
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; }