我有一個元素,我正在添加一個類。當IE7中的類名改變時,背景位置不起作用
的風格是:
.bg{ background: url(/images/background.png) no-repeat top center #000; }
當我添加使用JavaScript背景圖像顯示類,顏色顯示出來,但定位卻沒有。
這工作正常,在一切,除了IE
我有一個元素,我正在添加一個類。當IE7中的類名改變時,背景位置不起作用
的風格是:
.bg{ background: url(/images/background.png) no-repeat top center #000; }
當我添加使用JavaScript背景圖像顯示類,顏色顯示出來,但定位卻沒有。
這工作正常,在一切,除了IE
你沒有使用CSS background:
速記正確 - 你錯過了background-repeat
部分。它應該是這樣的:
.bg {
background: #000000 url(/images/background.png) no-repeat scroll center top;
} /* ^ ^ ^ ^ ^
color image repeat attachment position */
您已經定義了一個垂直值(上圖),和一個不存在的(中間)。
垂直值top
,center
和bottom
,而horisontal是left
,center
和right
。
當同時使用時,第一個是水平的,第二個是垂直的,所以你讓它們向後。
用途:
.bg{ background: #000 url(/images/background.png) no-repeat center top; }
其實,我沒有重複在那裏。我的錯誤我省略了。問題不在於CSS。它看起來很好,如果該類在頁面加載時在那裏。但是,如果該類添加了JavaScript。背景位置不受尊重。 (在IE中) – jayemvee 2010-11-10 01:09:15
我總是做'background:#bgcolor url(filename)no-repeat 0 0;'這似乎工作得很好。 – JAL 2010-11-10 01:12:54
-1。沒有「中間」值,你可以交換垂直和水平值。你可能想看看你鏈接到的頁面;) – Guffa 2010-11-10 01:26:48