摘要：
因为div添加了单击事件，div内部的img也添加了单击事件，所以当单击img时会先触发img上的单击事件，再触发div上的单击事件，这就是事件冒泡。 在Jquery中我们可以很方便的阻止他。 如下1 event.stopPropagation(); 这样一来单击img就不再触发div的单击事件啦 阅读全文
摘要：
通 常一个页面我们都会给它一个固定宽度，比如980px,1000px.但是如果页面是按百分比来设，这样就得给页面一个最小宽度，否则浏览器缩小的时候页 面就乱了。大家知道在CSS里最小宽度是用min-width来实现，但是IE6不支持这一属性，这就需要用CSS Hack来实现了。那具体如何实现呢？大家知道IE支持在CSS中写入JS表达式（这一点其实不好，CSS中应该尽量避免表达式），下面我们看看如何用表达式实现这一任务。假设要实现一页面宽度100%，最小宽度1000px#warpper {width:100%;min-width:1000px;_width:expression((documen 阅读全文
摘要：
背景图片的设置是CSS布局时常用的一种属性，应用background的url，引入背景图片，可以设置为不重复平铺，如下面的代码： background:url(http://www.w3cbbs.com/images/w3cbbs/logow3cbbs.png) no-repeat; 在大多数情况下，此设置不会有任何问题。背景图片按设置的形式呈现，不会平铺于容器，无论容器是何宽度与高度。 但在IE6下，有一种情况，如果未定义宽高，则会产生即使定义了no-repeat，背景图片依然重复的BUG。解决的办法很简单，为容器定义宽度即可。如果没有实际宽度，可以定义为100%。 此BUG不需要额... 阅读全文
摘要：
像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要 做某个元素始终位于浏览器的底部，不会因为浏览器窗口的缩放和滚动条的滚动而变化，那个肯定是想到的用position:fixed生成绝对定位，只要设 置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候，只有IE6不那么完美。该元素的位置是通过"left", "top", "right" 以及 "bottom" 属性进行规定。一般的 pos 阅读全文
摘要：
function Rect(w, h) { Rect.name = "My Rect"; //静态成员属于类, 不会被对象继承; 须冠类名调用 this.width = w; //this 是指实例化以后的对象或调用该函数的对象 this.height = h; xyz = 123; //这只能当个内部变量来使用}var r = new Rect();//判断指定的成员名是否属于对象alert("width" in r); //truealert("height" in r); //truealert("name" 阅读全文
摘要：
Dom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XMLDom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容． HTML Dom中最常用的几个方法之查找元素Dom之引用当前整个网页文档：documentDom如何快速在网页中查找某一元素：getElementByIdDom中查找一组标签，具有相同名称的标签元素：getElementsByTagName根据标签的Id属性值或name属性来查找多个元 阅读全文
摘要：
可能因为li里放有绝对定位的div 和浮动标签的缘故，li在ie6和ie7里 底部出现几像素的mqrgin值，郁闷老久！后来加上下面两句才搞定！*html .treeUl li{margin-bottom:-4px;}*+html .treeUl li{margin-bottom:-4px;}ps:以下是我html和css.treeUl li{border-bottom:1px solid #8DC73F;height:61px;background:#83C12C; padding-left:12px; position:relative; width:182px;}.treeUl li . 阅读全文
摘要：
今天做页面时，给ul设了padding值。在ie6下发现li(设过浮动的)莫名其妙的多了间距。调之久久而不解矣……后将ulpadding改成了margin，其病自解…… 阅读全文
摘要：
今天刚学会一个js效果：鼠标滑过出现下拉菜单的js做法。大致思路如下：先给菜单box定好宽高加上position:relative;再给里面的内容定上与之相同的宽高;然后给里面的下拉 二级菜单加上宽度绝对定位。eg:<style> .li{ width:150px; height:40px; position:relative; display:inline;z-index:1000;} .li menuA{width:150px; height:40px;} .li menuA:hover{background:yellow;} .li ul{ width:150px;posit 阅读全文
摘要：
可以给外面的box加上overflow:hidden; 或者给里面每个浮动的box加clear:both;即可解决背景不显示。 阅读全文