具有多個部分的1頁佈局的可調整大小的背景

我有一個包含8個部分的水平網站，所有需要使用瀏覽器重新調整大小的完整背景圖像。請看看：http://www.dancephotography.net.au/test1.htm 具有多個部分的1頁佈局的可調整大小的背景

溫柔......我是一個沒有flash知識的新手。這是一個未完成的設計，將成爲其他網頁的模板。

2011-06-26 belinda

歡迎來到SO。如果您有任何問題，我建議您針對您的問題更具體一些，併發布任何相關的入門代碼。你可以提供的細節越多，更多的人將能夠幫助你。事實上，很難知道你在問什麼問題。 – nmc

@nmc我認爲她問的是如何在瀏覽器重新調整大小時讓她調整背景大小... – 2011-06-26 02:38:48

是的，它...按比例調整大小...頁面上每個容器的不同背景（8）XX – belinda

@belinda;你可以用css3 cover財產

.wrap { 
     background: url(images/bg.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
}

&點它，即你可以你FILTER

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

，或者您可以使用100%這樣。

.wrap { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: 100%; 
      -moz-background-size: 100%; 
      -o-background-size: 100%; 
      background-size: 100%; 
    }

它是根據div的heigfht &寬度拉伸圖像。 FOR MORE檢查此鏈接http://css-tricks.com/3458-perfect-full-page-background-image/

來源

2011-06-26 02:49:11 sandeep

上面的CSS封面屬性（.wrap）是否將該屬性放在頁面上8個部分的CSS屬性下？即家庭生物互動原則等 – belinda

是你可以把頁面上的8個部分的每一個的封面屬性 – sandeep

我會支付任何人可以爲我做這個工作！ X – belinda

使用div與img一切下方會輕鬆很多，因爲你可以設置最大/最小寬度和或高度，使得圖像不變形太笨拙。

此解決方案不是CSS3特定的，因此任何瀏覽器都應該以相同的方式運行。我已經爲你打了一個例子，可以在http://jsfiddle.net/Qzcnn/找到。

來源

2011-06-26 03:04:24 Shaz

非常感謝，我非常感謝你的時間。我正在尋找按比例調整大小。 – belinda

具有多個部分的1頁佈局的可調整大小的背景

回答

相關問題