摘要: 一般情况下导航菜单的背景图片都是比较有规则的,但是平时我们也会遇到很多背景图片形状不规则导航条(比如但鼠标移上的时候,背景图片不规则,本例只讨论此种类型),如下图所示:(图一)当鼠标移上去的时候背景变成红色箭头,也许,咋一看,觉得这个效果并没有什么特别的地方,但是仔细看看我画上去的绿色框框部分,就会发现每一块都是接在一起的不会断开的;如果说按照普通方法来做,那么实现的可能是下图所示的效果:(图二)即是块与块之间是断开的。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ 阅读全文
posted @ 2013-01-02 11:17 bokin 阅读(7715) 评论(4) 推荐(2) 编辑
摘要: 目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9、IE10还没测试过),以下是w3school对position五个值的解释:其中absolute和relative是最常用的,fixed用得也比较多(其中IE6并不支持fixed)。1、absolute(绝对定位)absolute是生成觉对定位的元素,脱离了文本流(即在文档中已经不占据位置),参照浏览器的左上角通过top,right,bottom,left(简称TRBL) 定位。可以选取具有定位的父级对象(下文将 阅读全文
posted @ 2012-12-14 11:21 bokin 阅读(54609) 评论(7) 推荐(11) 编辑
摘要: 怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页面,具体如代码如下<html><head><style style="text/css"> #div1 { position: absolute; width:1002px; height:620px; left:50%; top:50%; margin-left:-500px; margin-top:-310px;font-size:40px;color:#FFFFFF;background:#00 阅读全文
posted @ 2012-12-07 15:10 bokin 阅读(2757) 评论(2) 推荐(1) 编辑
摘要: 在css中IE6并不支持min-height,所以需要对IE6进行单独设置,height在IE6中即使是超过固定的高度,IE6中也会自动撑开 #main{ min-height:320px; //用于firefox _height:320px; //用于IE6 } 阅读全文
posted @ 2012-12-01 14:59 bokin 阅读(405) 评论(2) 推荐(0) 编辑