居中放大的小圖塊中的大圖像可見

我想在寬960px的div中居中大小爲1920x225px的橫幅圖像。發生的問題是圖像不在中心，因爲它從左上角開始。繼承人來描述了這個問題 http://tinypic.com/r/scco0m/5 居中放大的小圖塊中的大圖像可見

圖像試試你的背景圖像上使用

background-position: center center;

。

2013-10-17 09:24:14 VanGoghsCoffee

我不想讓它成爲背景圖片。它是一個div內的aimage <> –

好吧，只是想知道，因爲你的問題被標記爲「CSS」。我建立了一個jsFiddle http://jsfiddle.net/c7VDh/是你的意思嗎？ – VanGoghsCoffee

它的網頁橫幅1920 x 225像素。即使在屏幕較小的桌面上查看圖像，我也希望圖像處於中間位置 –

你沒有提到這裏，你如何在一個網站加入他的圖像

如果你給的背景圖像

給予CSS這樣background:url(../image.jpg) center center no-repeat;

如果你不」 t想要背景圖片只是給該圖像max-width:100%

新答案。

你需要給position:relative的寬度爲DIV：960像素

，爲圖像添加這樣

img{position:absolute; left:50px; top:20px; z-index:999}

您可以根據您的願望更改左側和頂部值

2013-10-17 09:27:10

我正在使用img標記。我不希望它在後臺 –

@aspiring_web_developer我編輯 –

@aspiring_web_developer你canot通過給標記使圖像中心。 '最大寬度：100％'對於那個圖像將工作正常 –

回答