CSS體固定的背景

我有這樣的CSS：CSS體固定的背景

body 
{ 
    background-position: center top; 
    background-color: rgb(237, 237, 237); 
    font-size: .85em; 
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif; 
    margin: 0px auto; 
    padding: 0; 
    color: #696969; 
    width: 1000px; 
    height: 1200px; 
    background-image: url('Background.png'); 
    background-repeat: no-repeat; 
    background-attachment: inherit;  
    top: 0px; 
}

當我最大化窗口，這一切都ok了，但是當我使窗口變小，背景圖像移動。

This is how look in maximizedbrowser window

And this is after change window size

來源

2012-06-25 Std_Net

，你會從人們得到的答案大多需要IE9 +（因爲它是CSS3）。但是，如果您希望用戶也使用舊瀏覽器（我在這裏實用且安全），我認爲您需要這樣做的方式是使用jQuery/JavaScript。過去我在CSS3中做了類似的事情，但後來我意識到大多數企業/公司仍在使用IE8，而最好的方式就是使用JavaScript。

以下是幾個例子：

http://buildinternet.com/project/supersized/slideshow/3.2/demo.html （這是一個很好的例子）
http://designshack.net/?p=13616
http://css-tricks.com/examples/FullPageBackgroundImage/jquery.php

來源

2012-06-25 19:34:38 Geocrafter

試試這個：

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
background-position:fixed;

來源

2012-06-25 19:04:06 SVS

問題的是，它設置爲固定開出DOM元素脫離正常位置，因此'覆蓋'適應身體而不是元素。似乎無法找到修復。 – Carson

好第一關，儘量將你的CSS屬性一起在那裏可以這樣：

body { 
width: 1000px; 
height: 1200px; 
background: #EDEDED url('Background.png') center top inherit no-repeat; 
top: 0; 
margin: 0 auto; 
padding: 0; 
font: .85em "Trebuchet MS" , Verdana, Helvetica, Sans-Serif; 
color: #696969; 
}

莫非你也提供一個jsFiddle的問題，所以我們可能會看到整個代碼，或指向頁面的鏈接？

http://jsfiddle.net/

感謝

來源

2012-06-25 19:15:11

CSS體固定的背景

回答

相關問題