http://betawww.helpcurenow.org/about/financial-accountability/
我在使用一个设计,其中包含许多1像素虚线边框。我注意到Firefox中有一些奇怪的问题。通常情况下,Firefox呈现的所有东西(几乎)与我期望和想要看到的一样。然而,在使用两个相互靠近的虚线边框时,它们会错位。
我的意思是,我有几个对象,每个对象都有一个1像素的底部边框、一个2像素的底部间距,然后下一个对象有一个1像素的顶部边框——基本上创建了双重边框的效果。
在Safari、Chrome和IE中查看这种效果时,“双虚线边框”效果看起来非常好。然而,在Firefox中,这些虚线并不对齐(没有双关语)。
我相信这只是Firefox呈现虚线边框的小故障,但我想知道为什么,如果有人知道的话。
您可以在上述两个网址中看到这种效果。第一个网址有一个侧边栏框,标题使用了这个效果。第二个(我们的博客)在各处都使用这个效果,但最突出的是每篇文章标题,下面的署名也使用了这个效果。