2009-09-06 104 views
0

我有一個背景圖像重複x +跨度的跨度。IE8:邊框+背景圖像問題

由於某種原因只在IE8(甚至沒有IE7/6)圖像隱藏左邊框。

當我設置的左邊框爲2px我可以看到一個像素邊框

我的代碼:

<span class="smallTab calTab calTabUnSel"></span> 

.smallTab{text-align:center; border:1px solid #A0A0A0; border-bottom:none; font-size:15px; font-weight:bold; cursor:pointer;} 
.calTab{position:relative; float:right; height:20px; width:85px; margin-left:4px;} 

.calTabUnSel 
{ 
    background-image: url(../images/tabNoSel.gif); 
    background-repeat: repeat-x; 
    background-color: #C0BFBD; 
    color:#636363; 
} 
+0

嘗試刪除位置:相對在calTab 類,改變背景重複到沒有?怎麼了?對不起,我想幫助,但即時消息不IE8(只有IE7) – mauris 2009-09-06 06:07:24

+0

它沒有幫助。我不使用IE8,但有些用戶使用。 – SirMoreno 2009-09-06 06:18:13

回答

3

這是一個滾動的問題。只有當顯示滾動條時 邊界問題,我的解決辦法:

html { 
    -ms-overflow-y: scroll; 
    width:99.99%; 
}