使用Class和CSS设置边框颜色的IE8问题？

我在div中有image，并且div在关联的CSS文件中使用类标识符设置了边框颜色。使用Class和CSS设置边框颜色的IE8问题？

这里有一个类似的线程CSS dashed border always appears white in IE8, why?并没有帮助我。这就是为什么我创建了一个新线程。

为div和图像的代码看起来是这样的：

 <div class="toolbarIcon" id="agent_login" ><img width="40px" height="40px" src="toolbar/user_login.png"/><pre class="toolbarLabel">Login</pre></div>

在相关CSS文件中的代码如下所示：

.toolbarIcon { 
    text-align: center; 
    border-style: solid; 
    border-width: 1px; 
    border-color: red; 

    width: 60px; 
    height: 55px; 
    float: left; 
}

除了我用jquery.corner.js圆的div corner.I事情这是问题的原因。

我jQuery将是

$(document).ready(function(){ 

    $("#toolbar").corner("5px"); 
    $(".toolbarIcon").corner("5px"); 
});

IE8不显示边框（红色）正确。

所有其他主流浏览器（Firefox，Opera，Safari和Chrome）都会将边框绘制为所需的红色。

我认为我正在做的事情IE8不支持，但这是如此简单，我不明白什么。任何人都可以帮我把这个权利。

希望我们的堆栈用户能帮助我。

好的答案是肯定赞赏的。

来源

2013-05-06 Human Being

适合我... – 2013-05-06 06:46:08

这是一个小提琴与您的信息：http://jsfiddle.net/xndY3/它是否正确地工作给你？如果是的话，那么也许问题在别的地方（你是否在你的html文件的开头检查了你的'DOCTYPE'？）。我无法检查IE8，因为我在Linux上：P – 2013-05-06 06:52:46

请看我更新的问题。 – 2013-05-06 07:01:58

我通过更换jQuery代码得到了解决，

$(".toolbarIcon").corner("5px");

到，

$(".toolbarIcon").corner("keep 5px");

感谢所有谁支持我。

来源

2013-05-06 07:19:20

使用Class和CSS设置边框颜色的IE8问题？

回答

相关问题