我在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");
感谢所有支持我的人。