浏览器兼容性问题

Posted jcxfighting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器兼容性问题相关的知识,希望对你有一定的参考价值。

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.鼠标指针

以上是关于浏览器兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

十条jQuery代码片段助力Web开发效率提升

几个非常实用的JQuery代码片段

30秒就能看懂的JavaScript 代码片段

片段如何处理触摸?

android 兼容性包 - 片段...未附加到 Activity

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js