文章标签 ‘css’
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等）
在DIV+CSS设计网页时, 总会碰到一些CSS属性优先级问题. 如果不清楚优先级的等级, 直接想当然的认为应该是这样, 就很容易出错. 这里分析一个本人碰到的问题, 学习一下属性优先级问题. 下面是代码测试代码:
通过CSS来隐藏文字是网站设计做常用的方法, 有多种方法可以达到隐藏文字的目的. 这些方法各有优点和缺点, 下面就来看看这些用CSS隐藏文字的 一. CSS语句:display:none 这种方法就是使定义的区块内容都不可见, 来达到隐藏文字的目的，这种方法虽然简便且有效，但它有个致使的缺点就是对搜索引擎不友好，容易被认为是在作弊, 还有好多程序都会认为区块内容没有而略过而读不到内容, 这很不利于SEO的. 关于SEO具体可以看: SEO学习必须通过这个途径
在我们写有的程序模板的时, 有时想突出重点, 想临时改变链接的颜色. 会发出不太好操作, 因为如果用CSS直接定义<a>的color 是不能改变链接的颜色的. 要去定义上级元素的 a 属性, 这样如果只有少量的几个链接要改变颜色, 这样去做就太麻烦了. 有没有简单一点的方法. 我的做法是先设好几个颜色的class, 直接在 <a> 里加入一个class就行了.
对一个没有确定数目的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. 确实很方便.
