摘要：
当要在网页上要隐藏一个DIV的时候，我们立马想到设置display:none就能搞定。设置了一个DIV的display为none时，该DIV就从网页上消失了，也不占用空间。但在做项目的时候偶然发现了一个奇怪的现象，IE6下某些时候设置DIV的display:noe，该DIV依然占据一定空间。这里首先来重现一下这个奇怪的现象：1，我需要如上图所示的一个HTML结构： box1 box2 box3 box4对应的CSS：.box { width: 440px; background: #0CF; padding: 5px;}.list { width: 98px; height: 98px... 阅读全文
摘要：
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡框会很不方便，可能每修改一次气泡框都要重新制作一个三角形小图标。如果我们能够直接用HTML和CSS代码实现这样一个三角形小箭头一切都迎刃而解了。首先我们来看一下border这个属性，当我们把一个div的border-color设为不同值的时候，可以看到四边都成了一个梯形。# test{width:50 阅读全文