让superfish在IE6不被遮住

superfish是一个很好用的多级菜单js程序, 运用这个可以很容易做成级联菜单.  但是很在IE6下有个bug就是可能会被下面的层遮住弹出的菜单. IE6中会显示在最下面. 可以对菜单的li 加上 position 和 z-index来解决:

#menu li {position:relative; z-index:99;}

对于IE6的层显示问题解决方法有三,

1、position:relative改为position:absolute;

2、去除浮动;

3、浮动元素添加position属性(如relative,absolute等)

CSS样式id和class属性优先级问题

    在DIV+CSS设计网页时, 总会碰到一些CSS属性优先级问题. 如果不清楚优先级的等级, 直接想当然的认为应该是这样, 就很容易出错.  这里分析一个本人碰到的问题, 学习一下属性优先级问题. 

    下面是代码测试代码:

继续阅读CSS样式id和class属性优先级问题

用CSS隐藏文字方法的比较

   通过CSS来隐藏文字是网站设计做常用的方法, 有多种方法可以达到隐藏文字的目的. 这些方法各有优点和缺点, 下面就来看看这些用CSS隐藏文字的

一. CSS语句:display:none

  这种方法就是使定义的区块内容都不可见, 来达到隐藏文字的目的,这种方法虽然简便且有效,但它有个致使的缺点就是对搜索引擎不友好,容易被认为是在作弊, 还有好多程序都会认为区块内容没有而略过而读不到内容, 这很不利于SEO的. 关于SEO具体可以看: SEO学习必须通过这个途径

继续阅读用CSS隐藏文字方法的比较

用CSS强制改变链接的颜色

    在我们写有的程序模板的时,   有时想突出重点, 想临时改变链接的颜色.  会发出不太好操作,  因为如果用CSS直接定义<a>的color 是不能改变链接的颜色的.  要去定义上级元素的 a 属性,  这样如果只有少量的几个链接要改变颜色, 这样去做就太麻烦了. 

    有没有简单一点的方法. 我的做法是先设好几个颜色的class,  直接在  <a> 里加入一个class就行了.

继续阅读用CSS强制改变链接的颜色

Jquery实现同级元素区别对待

      对一个没有确定数目的element,   如果有的元素跟其它的不一样,处理起来很麻烦.  比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个  | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class.  这样程序和页面两个方面都要更改.

     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.

 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
	$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,

     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.