div边界半径问题（在Firefox和Opera上）

如你所见有两张图片。首先，在Chrome上。在右侧有Beğen和Yorumlar按钮.Border看起来很好..div边界半径问题（在Firefox和Opera上）

但是第二张图片显示;火狐和歌剧有边界半径的问题。我尝试做border-witdh：thin，border：1px solid等。但它看起来像一样。

怎么可以这样做？你有什么主意吗？

对不起我english.Thank你

image on chrome

image on ff and opera

来源

2011-10-12 Ayro

提供的任何机会在jsfiddle.com上工作的恶魔？它会帮助我们解决发生的事情，如果我们能够真实地看到它，而不仅仅是一个图形。 – Spudley

I'cant解释我的问题。好吧，你看到蓝色按钮的broder非常好。我不使用border.Border：0。我的意思是火狐和歌剧涂抹边框。他们显示像有边框。实际上没有边框。我不想影子，我不想边框。我有背景图片。我想表现得很厉害。看照片.Firefox显示border.Chrome非常好。在真正的时间里，div没有边框！ [照片]（https://lh5.googleusercontent.com/-ZGVCFkKiSQk/TpXUKpYll6I/AAAAAAAAAKI/SbLRzAsZCu0/s782/btn2.png） – Ayro

我固定:)问题是我用背景色和背景图像相同time.Now我只使用背景图像。没有问题。谢谢大家:) – Ayro

此效应通常称为“背景流血”或“泄漏”。

-moz-background-clip: padding; 
-webkit-background-clip: padding-box; 
background-clip: padding-box;

我第一次听说这个由麦克·哈丁的博客：它可以通过一些简单的CSS固定
http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed

而这里的W3C规范：
http://www.w3.org/TR/css3-background/#the-background-clip

来源

2011-10-12 22:16:40

为了帮助丁目的边框border:1px double ...。我知道chrome与半径边界有关系。将它设置为double而不是solid将有助于清理它。有点讨厌。

来源

2011-10-12 15:15:06 brenjt

...它几乎看起来像可能离开，根本没有使用边界。按钮和背景之间有足够的对比。你尝试使用1px的外光（模糊半径）吗？

-moz-box-shadow: [position-x] [position-y] [blur-radius] [color]; 
-webkit-box-shadow: [position-x] [position-y] [blur-radius] [color]; 
box-shadow: [position-x] [position-y] [blur-radius] [color];

来源

2011-10-12 15:21:01 vector

div边界半径问题（在Firefox和Opera上）

回答

相关问题