浏览器兼容性问题

1.图片下面有缝隙(大于1px)

a:把容器的标签和img标签放在同一行

b:将img设置为display:block

2.如果图片存在链接,ie会显示蓝色边框

<a></img src=‘./img‘ ></a>

hack:

  img {

    border:0;

  }

3.表单元素行高对齐方式不一致

.txt {  height: 30px;}.btn {  height: 30px;}<input  class="txt" type="text">
<input class="btn" type="button" value="按钮">

hack:

  给元素添加浮动 float\

4.按钮元素默认大小不一致

hack:  

  a:如果按钮不在表单里面,页面中所有的按钮用a超链接模拟

  b: 如果按钮是一张图片的情况下,直接切图当背景即可

  c: input按钮(边框长在自身,长在内部),外面套一个div元素,给外面元素加边框

5.鼠标指针

相关推荐