CSS设置透明边框解决浏览器兼容性问题
设置透明边框的代码其实很简单,就只有一行,但是有时候很实用。
border: 1px solid transparent;
有时间,你既需要边框不为0, 又不希望看到边框, 这个时候,它就起到作用了!
我也是今天需到了一个浏览器兼容性的问题,才使用到了这个。
如下: 顶部导航栏与下面边框的距离。
在chrome中正常.
![](http://images0.cnblogs.com/blog/276336/201304/23112249-d00130b638e74c7f95828e05ee773787.jpg)
在IE中也是正常的
![](http://images0.cnblogs.com/blog/276336/201304/23112251-4479f1ecfc4a486db32a779b0f4b497f.jpg)
但是在 FireFox中就不正常了..
![](http://images0.cnblogs.com/blog/276336/201304/23112300-49ce7786cf2946f393751a8c1087219e.jpg)
我把边框调出来后,又正常了
![](http://images0.cnblogs.com/blog/276336/201304/23112301-090b07f8cffe4034b617af858d5be383.png)
![](http://images0.cnblogs.com/blog/276336/201304/23112302-546c82ba5f8d491a9fb56c5a75693ce4.jpg)
没有办法,最后才出此下策
![](http://images0.cnblogs.com/blog/276336/201304/23112310-8f3f3a4e0dda4b17afa7c7ae67acf63d.png)
![](http://images0.cnblogs.com/blog/276336/201304/23112311-8fd43a4c1fcb452488a0f11576d28c04.jpg)
OK, 问题解决!