常见的css浏览器兼容问题

@码上行动

于 2021-06-04 15:18:48 发布

阅读量1.8k

点赞数

分类专栏： CSS 文章标签： html css css3 html5 javascript

本文链接：https://blog.youkuaiyun.com/weixin_45935734/article/details/116061994

版权

本文总结了常见的CSS在浏览器中的bug，包括图片边框、图片间隙、IE双倍边距、最小高度、form表单、百分百宽度、鼠标指针、透明度以及li的梯状问题。主要涉及IE低版本浏览器，同时提到了部分其他浏览器的兼容性差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常见的CSSbug和CSShack

先简单的介绍下五大浏览器的内核和代表作

Trident：IE MaxThon(遨游) 、腾讯 、 Theword(世界之窗) 、 360浏览器 
  Gecko：Mozilla Firefox 
 Presto：Opera 
 Webkit：Safair 、Chrome 、遨游浏览器3 
  Blink： Opera Software、Google 
国产双内核：Blink、Trident

1、图片边框bug:

当a包裹图片的时候，在IE10或以下浏览器会自带边框；

解决方法：img{
   border:none/0}

2、图片间隙bug：

块元素包裹图片，图片下方会有3px左右的间隙(所有浏览器都存在的bug)

方法1： img{
   display

最低0.47元/天解锁文章