2012-05-21 66 views
0

那麼,I have a website和首頁有這個圖像重複一路下來。在Chrome上,只能重複一次,就像我想要的一樣。IE不會識別不重複?

body { 
    color: #999999; 
    background-color: #490000; 
    background:url('http://pigymunk.co.uk/bgasdf2.png') fixed, url('http://pigymunk.co.uk/bgasdf.png') fixed; 
    background-repeat: no-repeat, repeat; 
    background-position: left top, left top; 
} 

回答

1

你有

background-repeat: no-repeat, repeat; 

只能指定要麼no-repeatrepeat - 不能同時使用,例如

background-repeat: no-repeat; 

Chrome支持CSS3語法,但允許IE瀏覽器,但許多瀏覽器,如IE認爲這是無效的,因爲它不支持它。 (記住CSS2是標準的,CSS3僅部分支持)

更新時間: 要創建你需要使用驚喜驚喜:)一個layerd背景。

body { 
    color: #999999; 
    background-color: #490000; 
    background: url('http://pigymunk.co.uk/bgasdf.png'); 
    background-repeat: repeat; 
    background-position: left top; 
} 

#logo { 
    height: 200px; 
    width: 220px; 
    background: url('http://pigymunk.co.uk/bgasdf2.png') no-repeat top left; 
    position: absolute; 
    top: 0px; left: 0px; 
} 

HTML:當背景圖像被關閉,例如,它不會出現

<body> 
<div id="logo"></div> 
... 

或更好,但不要使用背景圖片爲您的標誌打印。圖像裁剪爲標誌正確的大小,並把它在html

<body> 
<div id="logo"><img src="http://pigymunk.co.uk/bgasdf2.png" alt="Piggymunk logo" /></div> 

... 

的jsfiddle例如:http://jsfiddle.net/ytL2w/

+0

但它在Chrome中正常工作,並且當我去博客(在IE上)它的工作原理應該如此。 – pigymunk

+0

但是,如果我這樣做,它只有一個,(無重複)我需要重複,然後不重複。 – pigymunk

+0

@ user1408280 CSS不允許使用這種語法,所以它不會影響你想要什麼* - 你只能做CSS什麼讓你:)但我不明白你的意思是「重複和否」 -重複」? – FluffyKitten

0

試試這個:

body { 
color: #999999; 
background-color: #490000; 
background-image:url('http://pigymunk.co.uk/bgasdf2.png'); 
background-position: fixed; 
background-repeat: no-repeat; 
} 
+0

看看這個網站,它的兩個背景層疊在一起 – pigymunk

0

這工作正常在IE9對我來說:

body { 
    color: #999999; 
    background-color: #490000; 
    background: url('http://pigymunk.co.uk/bgasdf2.png') no-repeat fixed left top, 
    url('http://pigymunk.co.uk/bgasdf.png') repeat fixed left top; 
} 
+0

使用單獨的CSS屬性不是問題,所以兩者都應該工作,它的事實是OP的語法無效。 – FluffyKitten

+0

是的,但我需要將第二個背景bgasdf.png放在那個下面並重復,但是感謝您的幫助 – pigymunk

+0

列出的第一個是上面的那個。所以你必須把最後一個你想要的。 – Ana