2012-03-22 130 views
1

我想將背景圖像設置爲我的範圍的右側和頂部,因爲我的語言是右向左。它在Firefox中很好,但在IE中,不是。 結果在IE中:在FF
Result in IEIE中的背景圖像位置

結果:
enter image description here 這裏是我的HTML代碼:

<span class="info"><?php echo $GLOBALS['artcount'] . $ArticleCount;?></span> <br /> 
<span class="info"><?php echo $GLOBALS['artview'] . $ArticleViews;?></span> <br /> 
<span class="info"><?php echo $GLOBALS['failedlog'] . $FailedLogin;?></span> <br /> 
<span class="info"><?php echo $GLOBALS['slogin'] . $SLogin;?></span> <br /> 
<span class="info"><?php echo $GLOBALS['bqncnt'] . $bannedIP;?></span> <br /> 

和CSS:

.info{ 
    direction:rtl; 
    text-align:right; 
    background: url("/images/info.png") no-repeat;/* right top ;*/ 
    background-position: right top; 
    /*display:block;*/ 
    margin-right: 5px; 
    padding-right:20px; 


} 

我知道,如果我取消display:block;它會沒事的,但我不想。有時我需要內聯跨度不阻止。

+2

嘗試'inline-block' – Phil 2012-03-22 04:13:13

+0

@Phil哦,我忘了:-D,謝謝。作爲回答發佈;) – undone 2012-03-22 04:16:51

+1

無法重現此問題 - http://jsfiddle.net/BfDQg/。在IE9中工作正常 – Phil 2012-03-22 04:30:42

回答

3

重複我上面的評論,請嘗試display: inline-block

不知道爲什麼IE似乎在重複背景圖像。進一步的測試顯示這顯然不是問題 - http://jsfiddle.net/BfDQg/