摘要：
前一段时间曾经遇到过内层margin-top bug的问题，当时没有找到具体原因，只能用父层的padding-top属性来解决。代码如下：<div>上部层</div><div> <!--父层--><div style="margin-top:200px;">子层</div></div>理想中的效果是父层和上部层贴边显示，子层距离父层顶部有200px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了200px。百思不得其解，求助google，得到如下的一句： 阅读全文
摘要：
今天遇见一个bug，在ie下，input设置一个背景图片如下图：如果输入的文字长度小于文本框长度，则正常如果里面输入的文字长度大于文本框的长度，则出现这种现象那个小放大镜移出去了不知道这个问题在不改变页面结构的前提下使用css能否解决。。。 阅读全文
摘要：
今天闲着蛋疼 随便修几个三角形<div class="top"></div><div class="left"></div><div class="right"></div><div class="down"></div><style type="text/css">.top,.left,.right,.down{ width:0; height:0; line-height:0;/*解决 阅读全文
摘要：
<style type="text/css"><!--.div1{ width:200px;}.div1 span{ white-space:nowrap; text-overflow:ellipsis; *text-overflow:ellipsis; /* for ie6 ie7 */ overflow:hidden; width:168px; display:block; float:left;}html>body .div1:after{/* for FF chrome ie8+*/ content: "..."; mar 阅读全文
摘要：
/*打开网页源代码，若你想实现网页以垂直百叶窗的方式打开，可以在源代码的〈head〉与〈/head〉之间加入如下语句*/〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉/***************“Duration”的值为网页动态过渡的时间，单位为秒，一般设为3~5秒即可。“Transition”不同的值对应不同的过渡方式，共有24种方式可供选择： 0 盒状收缩 1 盒状放射2 圆形收缩3 圆形放射4 由下往上5 由上往下6 从左至右7 从右 阅读全文