摘要：今天在编写淘宝SDK模板时，需要做一个双面展示的效果（即：鼠标指向某个图片时，显示另一个图片）。以前我都是用Popup弹出层的方法来制作，但一直都不喜欢用这种很长的代码方式。所以，今天决定改写这样的双面展示的效果。随即想到了如下结构：<div class="pic"> <a href="#"> <div class="p1"><img src="p1.gif" /></div> <div class="p2"><img 阅读全文

摘要：很多情况下，图片下边会有一个不定高度的下边距，有时候会为设计带来比较大的障碍！图片出现下边距的主要原因是：图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。解决的办法是：1、将图片的display设置为block;（设置为块级对象）2、将图片的vertical-align设置为top或bottom。 阅读全文