MoenyChen

摘要： 如果在IE6下设置了浮动和margin的话，那么在IE6下距离就会加倍，代码如下： <div class="showHeadIcon"></div>.showHeadIcon /*文字前面的小图标*/{ width: 16px; height: 12px; float: left; margin-left: 14px; display: inline;/*解决方法一：直接加这句*/ /*_margin-left:7px;解决方法二：独立给IE6加样式*/ margin-top: 11px; background: url(../images/tool 阅读全文

摘要： 当我们在一个div里面包含头、中（ul和li）、尾i的话，如果设置每一个li的margin属性的话，那么虽然每个li都有距离了，但是整体的间距是不和谐的，这里需要设置ul的margin属性，代码如下：<div class="contain"> <div class="head"></div> <div class="main"> <ul> <li>1</li> <li>2</li> <li>3</li> 阅读全文

摘要： 由于背景图的背景是圆圈的，所以在其上面写文字的话，需要把文字居中对齐，设置的样式如下： <span class="number">1</span>.number /*信息条数*/{ width: 16px; height: 16px; font-size: 10px; padding-top: 3px; text-align: center; background: url(../images/toolbar.png);} 阅读全文

摘要： （1）按钮是否都加了cursor: pointer属性；（2）页面在各浏览器中是否已测试；（3）如果某一个样式是需要jq替换的话，那么这个样式就不能用继承，只能单独写出来 阅读全文

摘要： 以前一直搞不清楚这两个究竟是怎么样的一回事，总觉得很难理解的，但是最近接触多了，也有点了解了。 相对定位（relative）：不会让出自己占用的位置 绝对定位（absolute）：会让出自己的占用位置 <div class="contain"> <div class="main"></div> </div>css样式：.contain{width:200px;height:200px;position:relative;}.main{width:100px;height:100px;position:abs 阅读全文

摘要： 在IE8下如果父div没有设置border，而在子div里面设置了border的话，如果这时在子div里设置margin-top的话，是不起作用的，代码如下：<div class="contain"> <div style="subMain"></div></div>css样式：.contain{width:200px; height:200px;margin-top:100px; background-color:gray;overflow:hidden;//解决方法一：在父div加这句就可以了/*bor 阅读全文

摘要： 在做专题页的时候，需要把背景图在各种分辨率下都居中，就是说在低分辨率下，好像自动把背景图的两边去掉，留下中间的，在高分辨率下，把两边也保留。 这时需要把背景图放在body里面，而且需要设置背景图居中就可以了，如下所示： background: url("../images/yxsjBg.jpg") no-repeat center 0; 阅读全文

摘要： 很多时候我们都需要做一个带有圆角的图，这时会布局为左（圆角）中（平铺）右（圆角），而且中间是要根据内容自动撑开的（布局如下所示）<div class="contain"><div class="circleFrame"> <div class="circleLeft"></div><div class="circleRight"></div><div class="circleMid"></div>& 阅读全文

摘要： 感觉很多时候都会用到这个噶~！不过我每次都是上网查，查了，忘了，再继续查..所以这次要记下来才行，哈哈~！ 例子：使用的浏览器是1024*768 $(window).height();//获取浏览器窗口的可视高度（就是打开一个页面，页面的可见高度，如546） $(document).height();//获取浏览器窗口文档的高度（就是打开一个页面，这个页面的body有多高，获取的值就是多少，如1013） $(document.body).height();//获取浏览器窗口文档body的高度（就是打开一个页面，这个页面有多高，获取的值就是多少，如1013） 阅读全文

摘要： 在做页面导航显示进度条，当点击每一步时，当前那步的圆点为实心，其余为空心静态的写法： $("#typeCircle ul lii").eq(_this.indexVal).removeClass().addClass(“blackCircle”).siblings().addClass(“tipCircleList”);动态写法（错误）： $("." + getCircleID + " ul li").eq(_this.indexVal).removeClass().addClass(getCircleCss[0]).siblings 阅读全文