以前一直用

<input type="button" value="" />

来写一个按钮。好像谁说过 直接用

<button></button> 

更有语义化，确实读起来容易看多了。但是由于写法不标准也问题多多。

以下情况都是在XHTML 1.0 Transitional 产生。

1.不知道你有没有 用过两个按钮 然后第一个里面是文字，第二个是背景图片的情况的？

假设

<p><button>文字按钮</button>  <button style="background:url()"></button> </p>

从html上看两个按钮应该在同一行才对，可是事实在firefox下,ie8下 却是有背景图像的按钮是跟文字按钮没有底部对齐的。

解决的办法就是
Read the rest of this entry »