2010-11-10 46 views
2

我有一個元素,我正在添加一個類。當IE7中的類名改變時,背景位置不起作用

的風格是:

.bg{ background: url(/images/background.png) no-repeat top center #000; } 

當我添加使用JavaScript背景圖像顯示類,顏色顯示出來,但定位卻沒有。

這工作正常,在一切,除了IE

回答

1

你沒有使用CSS background:速記正確 - 你錯過了background-repeat部分。它應該是這樣的:

.bg { 
    background: #000000 url(/images/background.png) no-repeat scroll center top; 
}   /* ^ ^      ^  ^ ^
       color image      repeat attachment position */ 

http://www.w3schools.com/css/css_background.asp

+0

其實,我沒有重複在那裏。我的錯誤我省略了。問題不在於CSS。它看起來很好,如果該類在頁面加載時在那裏。但是,如果該類添加了JavaScript。背景位置不受尊重。 (在IE中) – jayemvee 2010-11-10 01:09:15

+0

我總是做'background:#bgcolor url(filename)no-repeat 0 0;'這似乎工作得很好。 – JAL 2010-11-10 01:12:54

+0

-1。沒有「中間」值,你可以交換垂直和水平值。你可能想看看你鏈接到的頁面;) – Guffa 2010-11-10 01:26:48

1

您已經定義了一個垂直值(上圖),和一個不存在的(中間)。

垂直值topcenterbottom,而horisontal是leftcenterright

當同時使用時,第一個是水平的,第二個是垂直的,所以你讓它們向後。

用途:

.bg{ background: #000 url(/images/background.png) no-repeat center top; }