背景圖像技術

是否有任何技術術語的全圖像爲中心的技術？
例如：topgear.com，http://safe.tumblr.com/theme/preview/979，以及其他許多我不記得的東西。背景圖像技術

2010-08-01 Andrei Zisu

我不知道你在說什麼。 – 2010-08-01 18:27:37

我也不知道。 – zneak 2010-08-01 18:28:25

你的意思是應用於'id =「wrap」'元素的背景嗎？這只是'背景：url（「http://static.tumblr.com/xsp9wak/xAOkloi15/background-top.jpg」）無重複滾動中心頂部透明;' – 2010-08-01 18:32:04

-1

難道你的意思是燈箱技術？ http://en.wikipedia.org/wiki/Lightbox_%28JavaScript%29

來源

2010-08-01 18:44:59

您可以創建一個大尺寸的圖像（例如2000px寬度/高度）並將其設置爲背景background-position: 50% 50%。或者，您可以在body標記上添加一個<img src="background.jpg" width="100%" height="100%" />，並確定它將根據頁面大小進行拉伸。

來源

2010-08-01 20:06:05 fantactuka

背景位置：50％50％不會垂直和水平居中。它將bg的起點設置到屏幕的中心。 – 2010-08-03 09:19:49

我不認爲它有一個特定的名稱。下面是與國家的最先進的一些技巧的文章：

http://www.alistapart.com/articles/supersize-that-background-please/

來源

2010-08-01 20:17:26

謝謝，這就是我正在談論的 – 2010-08-03 09:17:56

我不這麼認爲，沒有。圖像只放在主div內（在這種情況下#wrap）。它有一些左右填充，所以它會被設置在正確的中間。但是，您可以使用與主div相同大小的圖像。

下面是該網站使用的代碼：

#wrap { 

background: url("http://static.tumblr.com/xsp9wak/xAOkloi15/background-top.jpg") no-repeat scroll center top transparent; 
margin: 0 auto; 
overflow: hidden; 
padding-left: 28px; 
padding-right: 28px; 
position: relative; 
width: 905px;

PS：有很多方法可以做到這一點。

來源

2010-08-02 00:35:40 Dan

背景圖像技術

回答

相關問題