设置透明边框的代码其实很简单,就只有一行,但是有时候很实用。
border: 1px solid transparent;
 
有时间,你既需要边框不为0, 又不希望看到边框,  这个时候,它就起到作用了!
我也是今天需到了一个浏览器兼容性的问题,才使用到了这个。
如下: 顶部导航栏与下面边框的距离。
在chrome中正常.
CSS设置透明边框解决浏览器兼容性问题
 
在IE中也是正常的
CSS设置透明边框解决浏览器兼容性问题
 
但是在 FireFox中就不正常了..
CSS设置透明边框解决浏览器兼容性问题
 
我把边框调出来后,又正常了
CSS设置透明边框解决浏览器兼容性问题
CSS设置透明边框解决浏览器兼容性问题
 
没有办法,最后才出此下策
CSS设置透明边框解决浏览器兼容性问题
CSS设置透明边框解决浏览器兼容性问题
 
OK, 问题解决!
 



相关文章:

  • 2021-10-21
  • 2022-12-23
  • 2022-12-23
  • 2021-09-01
  • 2021-05-26
  • 2021-11-15
  • 2022-02-08
猜你喜欢
  • 2022-03-09
  • 2021-12-15
  • 2021-12-10
  • 2021-06-03
  • 2022-01-31
  • 2021-12-25
  • 2021-10-23
相关资源
相似解决方案