2009-09-06 102 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%; 
}