我在image中有一个div,并且div使用关联的CSS文件中的类标识符设置了边框颜色。

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角变圆。我认为这就是问题的原因。

我的Jquery将是

$(document).ready(function(){

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


IE8无法正确显示边框(红色)。

所有其他领先的浏览器(Firefox,Opera,Safari和Chrome)将边框涂成所需的红色。

我想我正在做IE8不支持的操作,但这太简单了,我看不到。谁能帮我纠正这个问题。

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

好的答案肯定会受到赞赏。

最佳答案

我得到了解决方案,方法是替换来自

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


至,

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


感谢所有支持我的人。

10-04 15:52
查看更多