IE7按钮白色框架

有谁知道为什么IE6和IE7在button边框和背景之间添加一个白色边框？IE7按钮白色框架

这里是我的CSS和HTML：

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button>

如果你试试这个，你会看到边框和背景之间的一个有趣的白色边框。这不会在任何其他浏览器中出现，甚至不会出现在IE8中。

任何人有一个简单的修复或建议我做错了什么？

谢谢！

编辑：我只是注意到，当我点击按钮，行军的蚂蚁出现，白色边框消失。看起来好像当按钮是:active它们消失了，虽然这对解决问题没有多大帮助，但也许会给其他人。

另外，抱歉，我无法提供屏幕;我现在没有地方通过这个互联网连接上传它。

编辑2：它实际上显示边框不是白色的，但按钮的background-color。看起来IE在按钮边框和按钮背景图像之间留下1px的间隙。

来源

2010-07-06 tau

您使用的是reset.css吗？猜测可能会解决这个问题，但现在无法测试。 – heisenberg 2010-07-06 19:28:18

@kekekela：我现在就试试。编辑：这也没有工作... – tau 2010-07-06 19:29:56

啊，对不起芽。 = /如果你今天还没有弄清楚，我今晚回家时会看看它。 – heisenberg 2010-07-06 19:34:31

请确保边界不会从图像本身（图像的背景）来，设置准确width和height，也尝试padding设置为0像@SLaks说。

来源

2010-07-06 19:31:57 Sarfraz

我只是试过所有这些（和各种组合），并没有摆脱它 – tau 2010-07-06 19:34:53

我有同样的问题......看起来至少在IE上工作的巧妙技巧： “白色”轮廓实际上是图像的背景颜色。因此，将其设置为与您的边框颜色相同。如果你不介意稍微厚一些的边界，那就到那里吧。如果边框现在太厚，请将边框颜色设置为页面的背景颜色。

例如显示一个黑色的“边框”使用这个CSS你的按钮： background：url（./ button_bg.gif）no-repeat; background-color：＃000000; border：1px solid #FFFFFF;

来源

2010-11-11 21:29:04

最初没有问这个问题，但这个解决方案为我工作。边框是为了，谢谢！ – catandmouse 2011-11-17 02:48:34

IE7按钮白色框架

回答

相关问题