使用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問題？

回答

相關問題